關於原生AJAX和jQueryAJAX的程式設計

2022-01-22 11:08:42 字數 1336 閱讀 6693

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如果...