源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

jquery中post方法用法实例

  • 时间:2020-01-16 22:09 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jquery中post方法用法实例
本文实例讲述了jquery中post方法的用法,分享给大家供大家参考。具体用法分析如下: 在使用jquery实现网站的异步交互时,常用的两个函数为get和post方法,get方法使用很简单,直接提交get请求即可,如果有参数,直接追加到url后面就行,但是使用post方法时,传递参数,需要和url分开写,使得传参变得麻烦了,不过这样做起来更安全一些,而且出现中文乱码的概率也要低一些(get方法传中文很多情况下会出现乱码现象),这里就详细介绍一下post是怎样传递参数的。 首先写一个html代码如下:
[u]复制代码[/u] 代码如下:
<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)
[u]复制代码[/u] 代码如下:
  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格式。 补充: [b]对于出现汉字乱码的情况来说,[/b][b]ajax默认的汉字编码是utf-8[/b],post接收页面的编码应该也保持同样的编码。 希望本文所述对大家基于jQuery的Ajax程序设计有所帮助。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部