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 简单图片导航插件jquery.imgNav.js
Mar 17 Javascript
jQuery 类twitter的文本字数限制带提示效果插件
Apr 16 Javascript
基于jquery的多功能软键盘插件
Jul 25 Javascript
如何让浏览器支持jquery ajax load 前进、后退功能
Jun 12 Javascript
AngularJS 2.0新特性有哪些
Feb 18 Javascript
使用bootstrap实现多窗口和拖动效果
Sep 22 Javascript
Swiper实现轮播图效果
Jul 03 Javascript
JS学习笔记之原型链和利用原型实现继承详解
May 29 Javascript
深入了解响应式React Native Echarts组件
May 29 Javascript
Vue vm.$attrs使用场景详解
Mar 08 Javascript
Javascript confirm多种使用方法解析
Sep 25 Javascript
教你使用vscode 搭建react-native开发环境
Jul 07 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的cURL快速入门教程 (小偷采集程序)
2011/06/02 PHP
php计算十二星座的函数代码
2012/08/21 PHP
php+ajax 文件上传代码实例
2019/03/18 PHP
JavaScript窗口功能指南之在窗口中书写内容
2006/07/21 Javascript
javascript 检测浏览器类型和版本的代码
2009/09/15 Javascript
javascript定义变量时有var和没有var的区别探讨
2014/07/21 Javascript
JavaScript判断IE版本型号
2015/07/27 Javascript
jQuery基础知识点总结(DOM操作)
2016/06/01 Javascript
JS判断字符串变量是否含有某个字串的实现方法
2016/06/03 Javascript
学习Javascript闭包(Closure)知识
2016/08/07 Javascript
JavaScript实现类似淘宝的购物车效果
2017/03/16 Javascript
JS实现百度网盘任意文件强制下载功能
2018/08/31 Javascript
node错误处理与日志记录的实现
2018/12/24 Javascript
Node.js 获取微信JS-SDK CONFIG的方法示例
2019/05/21 Javascript
微信小程序如何获取群聊的openGid以及名称详解
2019/07/17 Javascript
vue自定义switch开关组件,实现样式可自行更改
2019/11/01 Javascript
jQuery 隐藏/显示效果函数用法实例分析
2020/05/20 jQuery
如何用JS模拟实现数组的map方法
2020/07/30 Javascript
openlayers 3实现车辆轨迹回放
2020/09/24 Javascript
JavaScript 获取滚动条位置并将页面滑动到锚点
2021/02/08 Javascript
[01:01:18]DOTA2上海特级锦标赛主赛事日 - 2 败者组第二轮#2COL VS LGD
2016/03/03 DOTA
python爬虫基本知识
2018/03/05 Python
python+pandas分析nginx日志的实例
2018/04/28 Python
Python3 requests模块如何模仿浏览器及代理
2020/06/15 Python
英国假睫毛购买网站:FalseEyelashes.co.uk
2018/05/23 全球购物
几个MySql的面试题
2013/04/22 面试题
使用Vue.js和MJML创建响应式电子邮件
2021/03/23 Vue.js
预备党员思想汇报范文
2014/01/11 职场文书
初中英语教学反思
2014/01/25 职场文书
校园安全广播稿
2014/02/08 职场文书
教学改革实施方案
2014/03/31 职场文书
《音乐之都维也纳》教学反思
2014/04/16 职场文书
竞争与合作演讲稿
2014/05/12 职场文书
中学生检讨书1000字
2014/10/28 职场文书
Python 使用 Frame tkraise() 方法在 Tkinter 应用程序中的Frame之间切换
2022/04/24 Python
Spring Boot实现文件上传下载
2022/08/14 Java/Android