快捷導(dǎo)航

jquery中post方法用法實(shí)例

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

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

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

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

首先寫一個(gè)html代碼如下：

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

<html>

<head>

  <title>jquery post方法測(cè)試</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="測(cè)試" onclick="testPost();"/>

</body>

</html>

服務(wù)器端servlet中post方法代碼如下（servlet類名為login，配置其訪問(wèn)路徑為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();

在客戶端運(yùn)行以上的html代碼后，點(diǎn)擊“測(cè)試”按鈕，就會(huì)彈出 name:輸入的用戶名pass:輸入的密碼對(duì)話框，通過(guò)分析html代碼可以知道，post方法傳遞參數(shù)使用的是數(shù)據(jù)json格式。

補(bǔ)充：

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

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

您可能感興趣的文章: