1①:建立xmlhttprequest物件
3②:繫結**函式
③:建立連線
7④:傳送資料
get請求
9如果是post請求需要設定編碼格式:
12⑤:書寫**函式
13if(readystate == 4)
19 }
jquery提供了最底層的ajax呼叫方法:$.ajax
1$.ajax
8 }
// 因為使用比較繁瑣,所以在實際開發中,應用很少
為了簡化ajax開發,jquery提供了對$.ajax()進一步的封裝方法$load、$get、$post。這三個方法不支援跨域,$getjson、$getscript支援跨域。
①:load方法
load方法是jquery中最為簡單和常用的ajax方法,處理html片段此方法最為合適。
語法$("jquery物件").load("url","data") ;
data:請求引數
返回內容html片段 ,自動放入$("jquery物件")innerhtml 中(如果返回的資料需要處理,我們可以使用get或者post)
load()方法的傳遞引數根據引數data來自動自定。如過沒有引數的傳遞,採用get方式傳遞,否則採用post方式
比如校驗使用者名稱是否存在
$(function());
②:get方法和post方法
語法 :
$.get/$.post("url","parameter",function(data));
url ajax訪問伺服器位址
parameter 代表請求引數
function **函式 data 代表從伺服器返回資料內容
這裡data代表各種資料內容 : html片段、json、xml
如果傳遞引數給伺服器使用 $.post , 不需要傳引數 可以使用 $.get
原生ajax和jQuery中的ajax使用
ajax是一種能夠向伺服器請求額外的資料而不需重新整理頁面,會帶來更好的使用者體驗。ajax技術的核心是xmlhttprequest物件。ie7及現在瀏覽器中,使用原生xhr建立 ajax請求有兩種,同步請求和非同步請求,在open 中第三個引數設定是否非同步 true代表該次請求非同步,false...
原生態ajax和jquery實現ajax
js原生版實現 1 建立xmlhttprequest物件 2 然後用這個物件操作open 方法 即 xmlhttprequest.open post url,true 3 用這個物件操作onreadystatechange這個屬性 即xmlhttprequest.onreadystatechange...
原生Ajax與jQuery的Ajax和偽Ajax
用原生的ajax傳送請求var xhr new xmlhttprequest xhr.open 請求方式 post get 請求url true xhr.onreadystatechange function xhr.send 傳送的資料 用jquery的ajax傳送請求 ajax 用偽ajax如果...