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