js调用后台servlet方法实例_javascript技巧
程序员文章站
2022-03-09 10:12:42
...
1.使用document.form.action方式
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]
type="hidden" name="currentTime" id="currentTime"> type="hidden" name="message" id="message"> type="hidden" name="recvPerson" id="recvPerson">
注意的是,input需指定name属性,这么servlet才可以获取到参数值
*.java
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException { www.jb51.net
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
$.ajax({
type : "POST",
contentType : "application/json",
url : "ToHistoryServlet?sendPerson=" + SendPerson + "¤tTime="
+ currentTime() + "&message=" + message + "&recvPerson="
+ recvPerson,
dataType : 'json',
success : function(result) {
alert(result.d);
}
});
代码量小,使用方便,值得推荐。。。
相关源码如下:
*.js
[javascript]
复制代码 代码如下:
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]
复制代码 代码如下:
type="hidden" name="currentTime" id="currentTime"> type="hidden" name="message" id="message"> type="hidden" name="recvPerson" id="recvPerson">
注意的是,input需指定name属性,这么servlet才可以获取到参数值
*.java
[java]
复制代码 代码如下:
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException { www.jb51.net
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);
}
});
代码量小,使用方便,值得推荐。。。
推荐阅读
-
js定时调用方法成功后并停止调用示例_javascript技巧
-
以JSON形式将JS中Array对象数组传至后台的方法_javascript技巧
-
Js鼠标跟随代码小手点击实例方法_javascript技巧
-
以JSON形式将JS中Array对象数组传至后台的方法_javascript技巧
-
js实现瀑布流的一种简单方法实例分享_javascript技巧
-
js导出格式化的excel 实例方法_javascript技巧
-
js面向对象之静态方法和静态属性实例分析_javascript技巧
-
Json字符串转换为JS对象的高效方法实例_javascript技巧
-
JS链式调用的实现方法_javascript技巧
-
前台js调用后台方法示例_javascript技巧