当前位置: 首页 > 编程笔记 >

jquery中post方法用法实例

谭琛
2023-03-14
本文向大家介绍jquery中post方法用法实例,包括了jquery中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中ajax - post() 方法实例详解,包括了jQuery中ajax - post() 方法实例详解的使用技巧和注意事项,需要的朋友参考一下 在jquery中的ajax有二个数据发送模式,一种是get,另一种是post()。 jQuery Ajax 参考手册 实例 请求 test.php 网页,忽略返回值: $.post("test.php"); TIY 实例 通过

  • 主要内容:HTTP 请求:GET vs POST,jQuery $.get() 方法,实例,demo_test.php 文件代码:,jQuery $.post() 方法,实例,demo_test_post.php 文件代码:jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。 HTTP 请求:GET vs POST 两种在客户端和服务器端进行请求-响应的常用方法是:GET 和 POST。 GET - 从指定的资源请求数据 POST -

  • 本文向大家介绍jQuery使用post方法提交数据实例,包括了jQuery使用post方法提交数据实例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery使用post方法提交数据的用法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的jQuery程序设计有所帮助。

  • 本文向大家介绍JQuery中attr方法和removeAttr方法用法实例,包括了JQuery中attr方法和removeAttr方法用法实例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JQuery中attr方法和removeAttr方法用法。分享给大家供大家参考。具体如下: 希望本文所述对大家的jQuery程序设计有所帮助。

  • 本文向大家介绍jquery中one()方法的用法实例,包括了jquery中one()方法的用法实例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jquery中one()方法的用法。分享给大家供大家参考。具体分析如下: jQuery中的one()方法:表示只执行一次,代码如下: 希望本文所述对大家的jQuery程序设计有所帮助。

  • 本文向大家介绍JQuery中Text方法用法实例分析,包括了JQuery中Text方法用法实例分析的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JQuery中Text方法用法。分享给大家供大家参考。具体如下: 希望本文所述对大家的jQuery程序设计有所帮助。