第一步, 獲取xmlhttprequest物件
}第二步, 開啟與伺服器的連線
> method: 請求方式, 可以是get或post
> url: 所要訪問的伺服器中資源的路徑 如: /day10/servlet/aservlet
> async: 是否為非同步傳輸, true 表示為非同步傳輸 一般都是true
第三步, 傳送請求
xmlhttp.send("***x"); //注意, 如果不給引數可能會造成部分瀏覽器無法傳送請求
> 引數:
如果是get請求, 可以是null, 因為get提交引數會拼接在url後面
如果是post請求, 傳入的就是請求引數
"username=張飛&psw=123"
第四步, 註冊監聽
> 在xmlhttprequest物件的乙個事件上註冊***:
onreadystatechange
> 一共有五個狀態:(xmlhttp.readystate)
0狀態: 表示剛建立xmlhttprequest物件, 還未呼叫open()方法
1狀態: 表示剛呼叫open()方法, 但是還沒有呼叫send()方法傳送請求
2狀態: 呼叫完了send()方法了, 請求已經開始
3狀態: 伺服器已經開始響應, 但是不代表響應結束
4狀態: 伺服器響應結束!(通常我們只關心這個狀態)
> 獲取xmlhttp物件的狀態:
var state = xmlhttp.readystate;//可能得到0, 1, 2, 3, 4
> 獲取伺服器響應的狀態碼
> 獲取伺服器響應的內容
var data = xmlhttp.responsetext;//得到伺服器響應的文字格式的資料
（1）load方法
$(selector).load(url,data,callback);
selector -- 選擇器, 將從伺服器獲取到的資料載入到指定的元素中
url -- 傳送請求的url位址
data -- 可選, 向伺服器傳送的資料 key/value資料 如:
callback -- 可選, load方法完成後所執行的函式
示例:$("#username_msg").load("<%= request.getcontextpath() %>/ajaxcheckusernameservlet", );
（2）$.get方法
$.get(url, [data], [callback]);
url -- 傳送請求的url位址
data -- 可選, 向伺服器傳送的資料
callback -- 可選, 請求成功後所執行的函式
示例:$.get("<%= request.getcontextpath() %>/ajaxcheckusernameservlet", , function(result));
（3）$.ajax方法
$.ajax(url, [data], [async], [callback]);
url -- 傳送請求的url位址
data -- 可選, 傳送至伺服器的key/value資料
async -- 可選, 預設為true, 表示非同步互動
type -- 可選, 請求方式 , 預設為"get"。
success -- 可選, 請求成功後執行的函式, 函式引數:
result -- 伺服器返回的資料
示例:
$.ajax(,
"async" : true,
"type" : "post",
"success" : function(result)
});
js和jQuery實現的Ajax
ajax測試 最基本的jquery傳送ajax請求示例 ajax測試 views.py def ajax test request return render request,ajax test.html def ajaxtest request username request.post.get ...
ajax 原生實現 與 jquery實現）
1 原生j ascript實現ajax請求 參見w3c 值得注意的是寫請求路徑是 一定不需要加 2 jquery實現ajax互動 ajax functionfun2 success function data get 請求路徑 請求引數 函式 返回資料的格式 post 請求路徑 請求引數 函式 返回...
Ajax 使用jQuery 實現Ajax
get post 方式 1 doctype html 2 html lang en 3 head 4 meta charset utf 8 5 title document title 6head 7 script type text j ascript src jquery.js script 8...