原生態ajax和jquery實現ajax

2021-09-07 21:04:34 字數 1057 閱讀 7072

js原生版實現

1 建立xmlhttprequest物件

2 然後用這個物件操作open()方法 即 xmlhttprequest.open("post",url,true);

3 用這個物件操作onreadystatechange這個屬性  即xmlhttprequest.onreadystatechange=callback; //指定響應函式

onreadystatechange=函式名;   //注意這裡直接加函式名,而不是function(),否則函式將無法正常執行

4 用這個物件操作send()方法 即 xmlhttprequest.send(null);

正確的順序  1 3 2 4

先建立再設定屬性

然後開啟

最後傳送

jquery實現ajax

jquery是乙個優秀的js框架,自然對js原生的ajax進行了封裝,封裝後的ajax的操 作方法更簡潔,功能更強大,與ajax操作相關的jquery方法有如下幾種,但開發中 經常使用的有三種

1)$.get(url, [data], [callback], [type])

2)$.post(url, [data], [callback], [type])

其中:url:代表請求的伺服器端位址

data:代表請求伺服器端的資料(可以是key=value形式也可以是json格式)

callback:表示伺服器端成功響應所觸發的函式(只有正常成功返回才執行)

type:表示伺服器端返回的資料型別(jquery會根據指定的型別自動型別轉換)

常用的返回型別:text、json、html等

3)$.ajax(  ); ---- 以後在掌握

常用的option有如下:

async:是否非同步,預設是true代表非同步

data:傳送到伺服器的引數,建議使用json格式

datatype:伺服器端返回的資料型別,常用text和json

success:成功響應執行的函式,對應的型別是function型別

type:請求方式,post/get

url:請求伺服器端位址

js封裝原生態的ajax

js原生ajax ajax 一種請求資料的方式,不需要重新整理整個頁面 ajax的技術核心是 xmlhttprequest 物件 ajax 請求過程 建立 xmlhttprequest 物件 連線伺服器 傳送請求 接收響應資料 如下 呼叫ajax方法 ajax 請求引數 datatype json ...

原生態的ajax 及json和gson學習資源

jsobody public string viewproject pathvariable id int id,user user,接受前台的json物件,只要定義乙個物件就能直接賦值然後操作這個物件。兩種json物件轉換 谷歌的gson轉換json物件 gson gson new gson li...

原生態js單個點選展開收縮和jQuery的寫法

點選了更健康的就感慨了結果聊看看發幾個六塊腹肌剛看了發幾個及關聯方寄過來的加工費 如圖所示 展開效果圖 第二 jquery的寫法 html div class result list more id showmore a href j ascript void 0 展開全部 a div js fun...