DOM映射+ajax

原生JS和jQuery在DOM映射中的區(qū)別

  1. 在原生JS中,有DOM映射,改變頁面內(nèi)容,JS 中獲取的元素集合同時(shí)改變
  2. 在jQuery中,沒有DOM映射,只有等元素插入到頁面之后,才能獲取

jQuery 中數(shù)據(jù)獲取 $.ajax({})

$.ajax({
 type : "GET/POST/JSOP",
 jsonp : "cb", // jsonp的名字
 url : "請求地址",
 async : false, // 是否異步
 cache : false, // 是否緩存
 data : {}, // 前端發(fā)送給后臺(tái)的數(shù)據(jù)
 dataType : "json", // 規(guī)定后臺(tái)返回?cái)?shù)據(jù)的數(shù)據(jù)類型
 complete : function(){
  // 請求成功,不關(guān)心是否拿到數(shù)據(jù)
 },
 success : function(e){
  // 請求成功的數(shù)據(jù)
 },
erro : function(){
  // 請求失敗的數(shù)據(jù)
 }
})

原生JS中的ajax的獲取方式:重點(diǎn) 4 步走

1. 創(chuàng)建對象
var xml = new XMLHttpRequest();
2. 打開地址
xml.open("請求方式","請求地址","是否異步");
- xml.open("GET","data.text",false) 
3. 請求狀態(tài)
xml.onreadystatechange = function(){
 if(xml.readyState === 4 && /^2\d{2}$/.test(xml.status)){
  data = JSON.parse(xml.responseText);
 }
}
4. 發(fā)送請求
xml.send();
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容