js调用后台servlet方法实例

 更新时间:2013年06月09日 16:44:17   作者:  
今天做历史记录查询功能,遇到了前后台方法互相调用的问题,研究了一下,把成功经验记录一二。

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 { 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 未结束的字符串常量错误解决方法

    js 未结束的字符串常量错误解决方法

    在编码js过程中,经常遇到未结束的字符串常量这样提示的错误,做下总结,以方便以后查阅.
    2010-06-06
  • 谈谈encodeURI和encodeURIComponent以及escape的区别与应用

    谈谈encodeURI和encodeURIComponent以及escape的区别与应用

    encodeURI和encodeURIComponent以及escape,这三个都是用来编码的,本篇文章给大家介绍encodeURI和encodeURIComponent以及escape的区别与应用,感兴趣的朋友一起学习吧
    2015-11-11
  • JavaScript实现图片DIV竖向滑动的方法

    JavaScript实现图片DIV竖向滑动的方法

    这篇文章主要介绍了JavaScript实现图片DIV竖向滑动的方法,涉及javascript操作div层的相关技巧,需要的朋友可以参考下
    2015-04-04
  • js微信分享API

    js微信分享API

    这篇文章主要为大家详细介绍了js微信分享实现代码,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-07-07
  • 关于flash遮盖div浮动层的解决方法

    关于flash遮盖div浮动层的解决方法

    关于flash遮盖div浮动层
    2010-07-07
  • 微信小程序实现分类菜单激活状态随列表滚动而自动切换效果详解

    微信小程序实现分类菜单激活状态随列表滚动而自动切换效果详解

    这篇文章主要介绍了微信小程序分类菜单激活状态跟随列表滚动自动切换,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习吧
    2023-01-01
  • 微信JS接口汇总及使用详解

    微信JS接口汇总及使用详解

    这篇文章主要介绍了微信JS接口汇总及使用详解,十分的全面、详尽,包含分享到朋友圈,分享给朋友,分享到QQ,拍照或从手机相册中选图,识别音频并返回识别结果,使用微信内置地图查看位置等接口,有需要的小伙伴参考下吧
    2015-01-01
  • javascript实现倒计时效果

    javascript实现倒计时效果

    这篇文章主要为大家详细介绍了javascript实现倒计时效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-02-02
  • js实现中文实时时钟

    js实现中文实时时钟

    这篇文章主要为大家详细介绍了js实现中文实时时钟,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-01-01
  • IE浏览器PNG图片透明效果代码

    IE浏览器PNG图片透明效果代码

    平常,我们经常使用Gif格式的图片以保持图片在浏览器中透明,以支持底色。但由于IE浏览器本身的原因,我们无法使透明的PNG图片透明起来。那么,如何将它在IE浏览器下变得透明呢?
    2008-09-09

最新评论