js调用后台servlet方法实例

209 阅读 0 评论 138 点赞

我是靠谱客的博主大方未来，最近开发中收集的这篇文章主要介绍js调用后台servlet方法实例，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

1.使用document.form.action方式

相关源码如下：

*.js

[javascript]

复制代码代码如下:

<span style="white-space:pre">  </span> document.getElementById("sendPerson").value = SendPerson; 
 document.getElementById("currentTime").value = currentTime(); 
 document.getElementById("message").value = message; 
 document.getElementById("recvPerson").value = recvPerson; 
 document.chatform.action = "ToHistoryServlet"; 
 document.chatform.submit(); 
*.html

[html]

复制代码代码如下:

<!--the tag below is the params to the userHistory  dml@2012.8.27--> 
        <input type="hidden" name="sendPerson" id="sendPerson"> <input 
            type="hidden" name="currentTime" id="currentTime"> <input 
            type="hidden" name="message" id="message"> <input 
            type="hidden" name="recvPerson" id="recvPerson"> 

注意的是，input需指定name属性，这么servlet才可以获取到参数值
*.java

[java]

复制代码代码如下:

public void doPost(HttpServletRequest request, HttpServletResponse response) 
        throws ServletException, IOException { www.uoften.com

    String sendPerson = request.getParameter("sendPerson"); 
    String recvPerson = request.getParameter("recvPerson"); 
    String sendTime = request.getParameter("currentTime"); 
    String message = request.getParameter("message"); 
    Message msg = new Message(); 
    msg.setMessage(message); 
    msg.setRecvPerson(recvPerson); 
    msg.setSendPerson(sendPerson); 
    msg.setSendTime(sendTime); 
    HistoryHandle.addMessage(msg); 
} 

这个缺点是页面就跳走了，要是希望保持原页面，可以参照方法2

2.jquery调用后台方法

[javascript]

复制代码代码如下:

$.ajax({ 
    type : "POST", 
    contentType : "application/json", 
    url : "ToHistoryServlet?sendPerson=" + SendPerson + "¤tTime=" 
            + currentTime() + "&message=" + message + "&recvPerson=" 
            + recvPerson, 
    dataType : 'json', 
    success : function(result) { 
        alert(result.d); 
    } 
}); 

代码量小，使用方便，值得推荐。。。