jquery中post方法用法執行個體_jquery

來源:互聯網
上載者:User

本文執行個體講述了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程式設計有所協助。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.