jquery中post方法用法实例_jquery_自学php网-自学php网

jquery中post方法用法实例_jquery_自学php网

来源：自学PHP网时间：2014-11-29 13:28 作者：阅读:次

[导读] 这篇文章主要介绍了jquery中post方法用法,以实例的形式分析了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程序设计有所帮助。

用Jquery.load载入页面后样式没了页面混乱的解决方

JQuery的Ajax中Post方法传递中文出现乱码的解决方法

子栏目

jquery中post方法用法实例_jquery_自学php网

最新评论

添加评论

更多文章推荐

添加评论