jquery post方法传递参数实例代码

发布时间:2020-09-04编辑:脚本学堂
有关jquery post方法的用法,jquery中实现网站异步交互,常用函数为get和post方法,使用post方法时,传递参数,需要和url分开写,传参稍为复杂,但比较安全。

jquery中post方法的用法

jquery中实现网站异步交互,常用函数为get和post方法,get方法简单,直接提交get请求即可,如果有参数,直接追加到url后面就行。
使用post方法时,传递参数,需要和url分开写,传参稍为复杂,但比较安全,而且出现中文乱码的概率也要低一些(get方法传中文很多情况下会出现乱码现象)。

以下通过实例学习下post是怎样传递参数的。

1、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);
     } // www.jb200.com
    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>

2、服务器端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:输入的密码对话框
可以看出post方法传递参数使用的是数据json格式。

解决汉字乱码问题:
ajax默认的汉字编码是utf-8,post接收页面的编码应该也保持同样的编码。