快捷導(dǎo)航

jquery中post方法用法實例

更新時間：2014年10月21日 14:08:34 投稿：shichen2014

這篇文章主要介紹了jquery中post方法用法,以實例的形式分析了post方法的具體用法,并對相關(guān)的知識點及注意點進行了較為深入的分析,需要的朋友可以參考下

本文實例講述了jquery中post方法的用法，分享給大家供大家參考。具體用法分析如下：

在使用jquery實現(xiàn)網(wǎng)站的異步交互時，常用的兩個函數(shù)為get和post方法，get方法使用很簡單，直接提交get請求即可，如果有參數(shù)，直接追加到url后面就行，但是使用post方法時，傳遞參數(shù)，需要和url分開寫，使得傳參變得麻煩了，不過這樣做起來更安全一些，而且出現(xiàn)中文亂碼的概率也要低一些（get方法傳中文很多情況下會出現(xiàn)亂碼現(xiàn)象），這里就詳細介紹一下post是怎樣傳遞參數(shù)的。

首先寫一個html代碼如下：

復(fù)制代碼代碼如下:

<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>

服務(wù)器端servlet中post方法代碼如下（servlet類名為login，配置其訪問路徑為servlet/login）

復(fù)制代碼代碼如下:

  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方法傳遞參數(shù)使用的是數(shù)據(jù)json格式。

補充：

對于出現(xiàn)漢字亂碼的情況來說，ajax默認的漢字編碼是utf-8，post接收頁面的編碼應(yīng)該也保持同樣的編碼。

希望本文所述對大家基于jQuery的Ajax程序設(shè)計有所幫助。

您可能感興趣的文章: