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);
    }
});

代码量小,使用方便,值得推荐。。。

相关文章

  • 前端利用PrintJs实现批量打印文件功能

    前端利用PrintJs实现批量打印文件功能

    在项目中遇到一个问题需要实现批量打印功能,研究了测试了一番解决了,把相关的功能记录下,这篇文章主要介绍了前端利用PrintJs实现批量打印文件功能的相关资料,需要的朋友可以参考下
    2025-02-02
  • Moment.js实现多个同时倒计时

    Moment.js实现多个同时倒计时

    这篇文章主要为大家详细介绍了Moment.js实现多个同时倒计时,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-08-08
  • 使用不同的方法结合/合并两个JS数组

    使用不同的方法结合/合并两个JS数组

    这是一篇关于JavaScript数组使用的一些技巧,我们将使用不同的方法结合/合并两个JS数组,以及讨论每个方法的优点/缺点
    2014-09-09
  • JavaScript设计模式--简单工厂模式定义与应用案例详解

    JavaScript设计模式--简单工厂模式定义与应用案例详解

    这篇文章主要介绍了JavaScript设计模式--简单工厂模式定义与应用,结合具体案例形式详细分析了JavaScript设计模式中简单工厂模式基本概念、定义、用法与相关注意事项,需要的朋友可以参考下
    2020-05-05
  • js字符串拼接的4种常见方法

    js字符串拼接的4种常见方法

    JavaScript中,字符串拼接是非常常见的操作,拼接字符串有很多种方式,这篇文章主要给大家介绍了关于js字符串拼接的4种常见方法,需要的朋友可以参考下
    2023-07-07
  • 深入php面向对象、模式与实践

    深入php面向对象、模式与实践

    这篇文章主要介绍了深入php面向对象、模式与实践,需要的朋友可以参考下
    2016-02-02
  • 微信小程序使用map组件实现路线规划功能示例

    微信小程序使用map组件实现路线规划功能示例

    这篇文章主要介绍了微信小程序使用map组件实现路线规划功能,结合具体实例形式分析了微信小程序基于map组件的地理位置获取、路径规划等相关操作技巧,需要的朋友可以参考下
    2019-01-01
  • javascript+Canvas实现画板功能

    javascript+Canvas实现画板功能

    这篇文章主要为大家详细介绍了javascript+Canvas实现画板功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-06-06
  • javascript 中的try catch应用总结

    javascript 中的try catch应用总结

    这篇文章主要介绍了javascript 中的try catch应用总结的相关资料,需要的朋友可以参考下
    2017-04-04
  • 微信小程序自定义底部弹出框功能

    微信小程序自定义底部弹出框功能

    这篇文章主要为大家详细介绍了微信小程序自定义底部弹出框功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-11-11

最新评论