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 相关文章推荐
基于jquery实现的一个选择中国大学的弹框 (数据、步骤、代码)
Jul 26 Javascript
Javascript动态引用CSS文件的2种方法介绍
Jun 06 Javascript
js实现的tab标签切换效果代码分享
Aug 25 Javascript
Javascript模仿淘宝信用评价实例(附源码)
Nov 26 Javascript
asp.net+jquery.form实现图片异步上传的方法(附jquery.form.js下载)
May 05 Javascript
jQuery Mobile和HTML5开发App推广注册页
Nov 07 Javascript
JS用斜率判断鼠标进入DIV四个方向的方法
Nov 07 Javascript
JS/jquery实现一个网页内同时调用多个倒计时的方法
Apr 27 jQuery
Javascript中的作用域及块级作用域
Dec 08 Javascript
vue :src 文件路径错误问题的解决方法
May 15 Javascript
Vue.js项目实战之多语种网站的功能实现(租车)
Aug 07 Javascript
js遍历详解(forEach, map, for, for...in, for...of)
Aug 28 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 事务处理数据实现代码
2010/05/13 PHP
php使用CURL伪造IP和来源实例详解
2015/01/15 PHP
CI框架(CodeIgniter)实现的导入、导出数据操作示例
2018/05/24 PHP
阿里对象存储OSS在laravel框架中的使用方法
2019/10/13 PHP
不一样的文字闪烁 轮番闪烁
2009/11/11 Javascript
用Javascript评估用户输入密码的强度实现代码
2011/11/30 Javascript
jquery入门必备的基本认识及实例(整理)
2013/06/24 Javascript
jquery可见性过滤选择器使用示例
2013/06/24 Javascript
判断及设置浏览器全屏模式
2014/04/20 Javascript
js取模(求余数)隔行变色
2014/05/15 Javascript
nodejs 实现模拟form表单上传文件
2014/07/14 NodeJs
node.js开机自启动脚本文件
2014/12/24 Javascript
JS获取iframe中longdesc属性的方法
2015/04/01 Javascript
AngularJS中如何使用$parse或$eval在运行时对Scope变量赋值
2016/01/25 Javascript
Bootstrap实现下拉菜单效果
2016/04/29 Javascript
JavaScript的String字符串对象常用操作总结
2016/05/26 Javascript
js实现楼层效果的简单实例
2016/07/15 Javascript
浅谈Angular HttpClient简单入门
2018/05/04 Javascript
微信小程序chooseImage的用法(从本地相册选择图片或使用相机拍照)
2018/08/22 Javascript
p5.js临摹动态图形实现方法详解
2019/10/23 Javascript
vue中 数字相加为字串转化为数值的例子
2019/11/07 Javascript
wxPython的安装图文教程(Windows)
2017/12/28 Python
django ajax json的实例代码
2018/05/29 Python
对Python中创建进程的两种方式以及进程池详解
2019/01/14 Python
python3.7 利用函数os pandas利用excel对文件名进行归类
2019/09/29 Python
解决tensorflow由于未初始化变量而导致的错误问题
2020/01/06 Python
Python jieba结巴分词原理及用法解析
2020/11/05 Python
Python利用imshow制作自定义渐变填充柱状图(colorbar)
2020/12/10 Python
口腔医学技术应届生求职信
2013/11/09 职场文书
办公自动化专业大学生职业规划书
2014/03/06 职场文书
局火灾防控工作方案
2014/05/25 职场文书
学校周年庆活动方案
2014/08/22 职场文书
思想品德课教学反思
2016/02/24 职场文书
导游词之包公祠
2019/11/25 职场文书
python 如何用terminal输入参数
2021/05/25 Python
java设计模式--七大原则详解
2021/07/21 Java/Android