js调用后台servlet方法实例


Posted in Javascript onJune 09, 2013

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 { 3water.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); 
    } 
});

代码量小,使用方便,值得推荐。。。
Javascript 相关文章推荐
Javascript实现的分页函数
Feb 07 Javascript
Prototype ObjectRange对象学习
Jul 19 Javascript
JavaScript 学习笔记(六)
Dec 31 Javascript
YUI Compressor压缩JavaScript原理及微优化
Jan 07 Javascript
javascript拖拽上传类库DropzoneJS使用方法
Dec 05 Javascript
JS实现星星评分功能实例代码(两种方法)
Jun 09 Javascript
基于Layer+jQuery的自定义弹框
May 26 Javascript
Bootstrap栅格系统的使用详解
Oct 30 Javascript
JS实现简易留言板特效
Dec 23 Javascript
RxJS在TypeScript中的简单使用详解
Apr 13 Javascript
tracking.js实现前端人脸识别功能
Apr 16 Javascript
angular4实现带搜索的下拉框
Mar 25 Javascript
Jquery实现列表(隔行换色,全选,鼠标滑过当前行)效果实例
Jun 09 #Javascript
Jquery加载时从后台读取数据绑定到dropdownList实例
Jun 09 #Javascript
ScrollDown的基本操作示例
Jun 09 #Javascript
给Flash加一个超链接(推荐使用透明层)兼容主流浏览器
Jun 09 #Javascript
一个简单的弹性返回顶部JS代码实现介绍
Jun 09 #Javascript
select、radio表单回显功能实现避免使用jquery载入赋值
Jun 08 #Javascript
MultiSelect左右选择控件的设计与实现介绍
Jun 08 #Javascript
You might like
二进制交叉权限微型php类分享
2014/02/07 PHP
php设置静态内容缓存时间的方法
2014/12/01 PHP
PHP实现无限分类的实现方法
2016/11/14 PHP
PHP排序二叉树基本功能实现方法示例
2018/05/26 PHP
不错的新闻标题颜色效果
2006/12/10 Javascript
jQuery prev ~ siblings选择器使用介绍
2013/08/09 Javascript
JS在IE下缺少标识符的错误
2014/07/23 Javascript
jQuery实现简单下拉导航效果
2015/09/07 Javascript
jQuery中ScrollTo用法示例
2016/09/04 Javascript
Javascript中常见的逻辑题和解决方法
2016/09/17 Javascript
javascript汉字拼音互转的简单实例
2016/10/09 Javascript
jQuery实现ToolTip元素定位显示功能示例
2016/11/23 Javascript
HTML页面定时跳转方法解析(2种任选)
2016/12/22 Javascript
JavaScript禁止微信浏览器下拉回弹效果
2017/05/16 Javascript
echarts学习笔记之箱线图的分析与绘制详解
2017/11/22 Javascript
通过jquery的ajax请求本地的json文件方法
2018/08/08 jQuery
Node爬取大批量文件的方法示例
2019/06/28 Javascript
ES6基础之字符串和函数的拓展详解
2019/08/22 Javascript
[13:40]TI3青蛙君全程回顾 DOTA2我们为梦想再战
2013/09/13 DOTA
初学python数组的处理代码
2011/01/04 Python
python利用不到一百行代码实现一个小siri
2017/03/02 Python
Python实现的多项式拟合功能示例【基于matplotlib】
2018/05/15 Python
python 利用for循环 保存多个图像或者文件的实例
2018/11/09 Python
使用python Telnet远程登录执行程序的方法
2019/01/26 Python
Python装饰器限制函数运行时间超时则退出执行
2019/04/09 Python
pytorch .detach() .detach_() 和 .data用于切断反向传播的实现
2019/12/27 Python
详解Django3中直接添加Websockets方式
2020/02/12 Python
css3进行截取替代js的substring
2013/09/02 HTML / CSS
CSS3 Flexbox中flex-shrink属性的用法示例介绍
2013/12/30 HTML / CSS
基于HTML5 FileSystem API的使用介绍
2013/04/24 HTML / CSS
巴西购物网站:Estrela10
2018/12/13 全球购物
英国最大的独立玩具专卖店:The Entertainer
2019/09/06 全球购物
会计电算化专业自荐信
2014/03/15 职场文书
工作转正自我鉴定范文
2019/06/21 职场文书
Python爬虫:从m3u8文件里提取小视频的正确操作
2021/05/14 Python
react中useState使用:如何实现在当前表格直接更改数据
2022/08/05 Javascript