javascript代码实例教程-JavaScript编程开发中jquery中post方法用法实例教程

发布时间:2018-12-29 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-JavaScript编程开发中jquery中post方法用法实例教程脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。

本文实例讲述了jquery中post方法的用法,分享给大家供大家参考。具体用法分析如下:

在使用jquery实现网站的异步交互时,常用的两个函数为get和post方法,get方法使用很简单,直接提交get请求即可,如果有参数,直接追加到url后面就行,但是使用post方法时,传递参数,需要和url分开写,使得传参变得麻烦了,不过这样做起来更安全一些,而且出现中文乱码的概率也要低一些(get方法传中文很多情况下会出现乱码现象),这里就详细介绍一下post是怎样传递参数的。

首先写一个html代码如下:

代码如下:

<html>
<head>
  <title>jquery post方法测试</title>
 <script language="javascript" src="jquery.min.js"></script>
 <script type="text/javascript">
    function testPost(){
          var name=$("#name");
          var pass=$("#pass");
          $.post("servlet/login",{name:name,pass:pass},postcb);
     }
    function postcb(date){
          alert(date);
    }
 </script>
</head>
<body>
   <input name="name" id="name"/>
   <input name="pass" id="pass"/>
   <input type="button" value="测试" onclick="testPost();"/>
</body>
</html>


 
服务器端servlet中post方法代码如下(servlet类名为login,配置其访问路径为servlet/login)

代码如下:

  response.setContentType("text/html");
  PrintWriter out = response.getWriter();
  request.setCharacterEncoding("gb18030");  
  String name= request.getParameter("name");
  String pass= request.getParameter("pass");
  out.print("name:"+name+"pass:"+pass);
  out.flush();
  out.close();


在客户端运行以上的html代码后,点击“测试”按钮,就会弹出  name:输入的用户名pass:输入的密码 对话框,通过分析html代码可以知道,post方法传递参数使用的是数据json格式。

补充:

对于出现汉字乱码的情况来说,ajax默认的汉字编码是utf-8,post接收页面的编码应该也保持同样的编码。

希望本文所述对大家基于jQuery的Ajax程序设计有所帮助。

觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-JavaScript编程开发中jquery中post方法用法实例教程全部内容,希望文章能够帮你解决javascript代码实例教程-JavaScript编程开发中jquery中post方法用法实例教程所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:HTML