DOM映射+ajax

原生JS和jQuery在DOM映射中的區別

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

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

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

原生JS中的ajax的獲取方式:重點 4 步走

1. 創建對象
var xml = new XMLHttpRequest();
2. 打開地址
xml.open("請求方式","請求地址","是否異步");
- xml.open("GET","data.text",false) 
3. 請求狀態
xml.onreadystatechange = function(){
 if(xml.readyState === 4 && /^2\d{2}$/.test(xml.status)){
  data = JSON.parse(xml.responseText);
 }
}
4. 發送請求
xml.send();
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。