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 相关文章推荐
Gird组件 Part-3:范例RSSFeed Viewer
Mar 10 Javascript
Jsonp 跨域的原理以及Jquery的解决方案
May 18 Javascript
JavaScript实现检查页面上的广告是否被AdBlock屏蔽了的方法
Nov 03 Javascript
深入理解JavaScript系列(49):Function模式(上篇)
Mar 04 Javascript
纯js代码实现未知宽高的元素在指定元素中垂直水平居中显示
Sep 12 Javascript
JavaScript事件 &quot;事件对象&quot;的注意要点
Jan 14 Javascript
JavaScript实现点击按钮字体放大、缩小
Feb 29 Javascript
JS实现星星评分功能实例代码(两种方法)
Jun 09 Javascript
AngularJS创建自定义指令的方法详解
Nov 03 Javascript
JS实现给对象动态添加属性的方法
Jan 05 Javascript
对于input 框限定输入值为浮点型的js代码
Sep 25 Javascript
JQuery插件tablesorter表格排序实现过程解析
May 28 jQuery
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
重置版战役片段
2020/04/09 魔兽争霸
[原创]效率较高的php下读取文本文件的代码
2008/07/02 PHP
php 执行系统命令的方法
2009/07/07 PHP
php数组函数序列之array_sum() - 计算数组元素值之和
2011/10/29 PHP
深入file_get_contents与curl函数的详解
2013/06/25 PHP
php中curl使用指南
2015/02/05 PHP
php模拟post提交数据的方法
2015/02/12 PHP
PHP新建类问题分析及解决思路
2015/11/19 PHP
php使用GD2绘制几何图形示例
2017/02/15 PHP
php7 图形用户界面GUI 开发示例
2020/02/22 PHP
JS常用正则表达式总结
2013/11/12 Javascript
浅谈Javascript 执行顺序
2013/12/18 Javascript
关于编写性能高效的javascript事件的技术
2014/11/28 Javascript
jQuery菜单插件用法实例
2015/07/25 Javascript
JS实现漂亮的淡蓝色滑动门效果代码
2015/09/23 Javascript
深入php面向对象、模式与实践
2016/02/16 Javascript
AngularJS过滤器filter用法实例分析
2016/11/04 Javascript
JavaScript 中 apply 、call 的详解
2017/03/21 Javascript
weex slider实现滑动底部导航功能
2017/08/28 Javascript
基于vue-element组件实现音乐播放器功能
2018/05/06 Javascript
详解在Vue中使用TypeScript的一些思考(实践)
2018/07/06 Javascript
JavaScript如何实现元素全排列实例代码
2019/05/14 Javascript
vue-cli+iview项目打包上线之后图标不显示问题及解决方法
2019/10/16 Javascript
Python 的 Socket 编程
2015/03/24 Python
Python闭包之返回函数的函数用法示例
2018/01/27 Python
Python爬取酷狗MP3音频的步骤
2021/02/26 Python
什么造成了Java里面的异常
2016/04/24 面试题
小学科学教学反思
2014/01/26 职场文书
仓管岗位职责范本
2014/02/08 职场文书
高三励志标语
2014/06/05 职场文书
2014年企业工会工作总结
2014/11/12 职场文书
海上钢琴师的观后感
2015/06/11 职场文书
安全教育日主题班会
2015/08/13 职场文书
竞聘开场白方式有哪些?
2019/08/28 职场文书
Python基础详解之邮件处理
2021/04/28 Python
MySQL数据库事务的四大特性
2022/04/20 MySQL