DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery中post方法用法實例教程
jquery中post方法用法實例教程
編輯:JQuery特效代碼     

本文實例講述了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程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved