jquery post方法怎么用,jquery post传递参数示例

发布时间:2020-11-28编辑:脚本学堂
jquery中post方法的用法,jquery实现网站数据交互时,常用到get和post方法,这里主要介绍jquery post传递参数的方法,为避免中文乱码,接收页面需要与传输页面编码一致。

jquery中post方法传递参数

jquery实现网站数据交互时,常用到get和post方法,get方法使用简单,直接提交get请求即可,如果有参数,直接追加到url后面就行。
当使用post方法时,传递参数,需要和url分开写,使得传参变得复杂了,其优点是安全,出现中文乱码的概率要低。

本节重点介绍jquery 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接收页面的编码应该也保持同样的编码。