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