jquery中post方法用法实例

前端技术 2023/09/04 JavaScript

本文实例讲述了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程序设计有所帮助。

本文地址：https://www.stayed.cn/item/11294

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案