ajax相關問題

2021-07-27 17:56:43 字數 1325 閱讀 7971

ajax完成前後端互動,可以用原生ajax實現,也可以用jquery ajax實現。

之前自己用ajax請求乙個html頁面,有個大佬說ajax主要實現的是請求json檔案。總之,也就是那樣寫的。

原生 ajax

原生ajax主要分為

1. 建立xhr物件

2. open()

3. send()

4. 接收資料

在這裡主要就是get和post的問題了,當使用get方法時,沒有請求主體,send()的引數要麼是null,要麼沒有引數.;當使用post請求時,send()引數是要傳送給伺服器的資料,在這裡特別注意要設定content-type,否則php用$_post['']不能取到值.
jquery ajax

jquery ajax可以向後台傳輸物件和陣列,datatype為伺服器傳送的資料格式,分為script,html,text,json,jsonp(具體的可以參考jquery ajax中文文件);data為傳入伺服器的資料,當傳入的是陣列時,必須要設定traditional=true;同時還具備complete,success,error方法。

html**

ajax

js**

window.onload=function(),

datatype:'text',

//contenttype : 'text/json',

success : function

(date,status,jqxhr)

, error:function

(ele,statetext,state)

});});*/

//原生js實現

var osub = document.getelementbyid("submit");

var oinput = document.getelementsbytagname("input");

var obj =

function

createxhr

()else

if(typeof activexobject != 'undefined')else

}osub.onclick = function

()else}}

xhr.open('get','ajax1.php',true);

xhr.send(null);

}}

Ajax相關問題

需指定async false 例如以下 如果不指定async false 會先執行 alert after click 然後再執行 alert 這裡是ajax內部 button click function error function alert after click each data,fun...

AJAX建立相關

ajax建立過程分為經典的四步,以下分步闡述其過程及要點。1.建立ajax物件 var xhr new xmlhttprequest ie6及以下不相容2.傳送前的基本資訊配置 xhr.open get data.txt false,username userpass 3.給readystate事件...

ajax的 IE cache 相關問題解決

運用ajax做了乙個名字檢驗,第一次是有效的,但是提交過後,再檢驗一次,結果就不對了,是由於ie的cache的原因。複製 如下 function verify else if data 2 else 原理 firefox 每次 request 都會重新再回一次 server 取得最新的資料,但是 i...