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();