Ajax資料互動

2021-10-01 23:33:23 字數 2065 閱讀 9756

原創

西瓜皮兒的皮兒

發布於2019-04-17 19:46:39

閱讀數 26016

收藏

更新於2019-04-17 19:46:39

分類專欄：

前端

展開

非同步請求ajax的使用在前後臺傳遞資料，優化使用者體驗起著至關重要的角色，那麼下面給大家簡單羅列了一下ajax請求的步驟與**。

1、使用ajax傳送資料的步驟

第一步：建立非同步物件

var xhr = new xmlhttprequest();
第二步：設定 請求行 open(請求方式，請求url):

// get請求如果有引數就需要在url後面拼接引數，


// post如果有引數，就在請求體中傳遞 xhr.open("get","validate.php?username="+name)


xhr.open("post","validate.php");
第三步：設定請求（get方式忽略此步驟）頭:setrequestheader()

// 1.get不需要設定
第四步：設定請求體 send()

// 1.get的引數在url拼接了，所以不需要在這個函式中設定


// 2.post的引數在這個函式中設定(如果有引數)


xhr.send(null) xhr.send("username="+name);
第五步：讓非同步物件接收伺服器的響應資料

// 乙個成功的響應有兩個條件：1.伺服器成功響應了 2.非同步物件的響應狀態為4(資料解析完畢可以使用了)

xhr.onreadystatechange = function()
ajax-get方式請求案例：

}ajax-post方式請求案例：

}

$.ajax(,//請求的引數


datatype:"json",//json寫了jq會幫我們轉換成陣列或者物件 他已經用json.parse弄好了 


timeout:3000,//3秒後提示錯誤


beforesend:function(),


success:function(data),


error:function(),


complete:function()


})// 常用


$.ajax(,


datatype:"json",


success:function(data)


})
$.ajax() 都可以發

$.post(url,data,success,datatype):本質上只能傳送post請求

$.get(url,data,success,datatype):本質上只能傳送get請求

ajax非同步互動

四部曲 一 建立非同步物件 二 開啟與伺服器的連線 僅僅開啟連線，並沒有傳送請求 xmlhttp.open 用來開啟與伺服器的連線，需要三個引數 請求引數 get post 請求的url 指定伺服器端的資源，例如 homework index.jsp 請求是否為非同步 如果true，傳送非同步請求 ...

Ajax 非同步互動

非同步互動 建立xmlhttprequest物件 呼叫xmlhttprequest物件的open 方法 引數第二個引數 表示當前請求的伺服器端位址鏈結 呼叫xmlhttprequest物件的send 方法 引數利用xmlhttprequest物件的onreadystatechange事件 伺服器端的...

前後端資料互動技術 AJAX（一）

ajax的全稱是 asynchronous j ascript and xml 非同步j ascript和xml 通俗的理解 在網頁中利用xmlhttprequest物件和伺服器進行資料互動的方式，就是ajax。之前所學的技術，只能把網頁做得更美觀漂亮，或新增一些動畫效果，但是ajax能讓我們輕鬆實...