ajax 异步的 JavaScript 和 xml
异步的 javascript 和 数据传输

xml 数据传输格式 (大型的门户网站 新浪、网易 、凤凰网)
优点：
1.种类丰富
2.传输量非常大
缺点：

  1. 解析麻烦
  2. 不太合适轻量级数据

json 数据传输格式（字符串）95%移动端应用
优点：

  1. 轻量级数据
  2. 解析比较轻松

缺点：

  1. 数据总类较少
  2. 传输数据量较小

JSON.parse()
JSON.stringify()

【注】 任何一个小程序都是由很多个小程序组成的
【注】用来描述一个程序运行状态

同步 阻塞 当前程序运行，必须等待前一个程序运行完毕以后，才能运行
异步 非阻塞 当前程序运行，和前面程序的运行没有任何关系

ajax下载数据

  1. var btn = document.getqueryselector('#btn')
  2. btn.onclick = function(){
  4.     //1. 创建ajax对象
  5.       var xhr = null
  6.     if(window.XMLHttpRequest){
  7.         xhr = new XMLHttpRequest()
  8.     }else{
  9.         xhr = new ActiveXObject('Misrosoft.XMLHttp')
  10.     }
  12.   //2.调用open
  13.   /* 
  14.       第一个参数： 请求方式  get  post
  15.     第二个参数： url 
  16.     第三个参数： 是否异步
  17.                 true  同步
  18.           false 异步
  19.   */
  20.   xhr.open('get','url',true);
  22.   //3.调用send
  23.   xhr.send();
  25.   //4. 等待数据响应
  26.   xhr.onreadystatechange = function(){
  27.       if(xhr.readyState == 4){
  28.         console.log(xhr.reponseText)
  29.     }
  30.   }
  31. }

ajax 兼容问题

  1. var xhr = null
  2.     if(window.XMLHttpRequest){
  3.         xhr = new XMLHttpRequest()
  4.     }else{
  5.         xhr = new ActiveXObject('Misrosoft.XMLHttp')
  6.     }

try_catch

try{
尝试执行的代码
}eatch(error){
error 错误对象 , try 括号中代码 执行的异常信息；
补救代码
}

执行过程

  1.      1. 先去执行try中的代码
  2.      1. 如果try中的代码执行正常，catch中代码不执行
  3.      1. 如果try中代码执行异常，直接执行catch中的代码进行补救

【注】更多的用在代码调试和后期维护

  1. try{
  2.     console.log('异常信息之前')
  3.   console.log(num)
  4.   console.log('异常信息之后')
  5. }catch(error){
  6.     consloe.log('补救代码，Error:' + error)
  7. }
  10. var num = 10 
  12. try{
  13.     console.log(`异常信息之前`)
  15.   console.log(`异常信息之后`)
  17.   console.log(3)
  19.   if(num != 5){
  20.       throw new Error(`num的值不是5`)
  21.   }
  22. }catch(error){
  23.   console.log(`补救代码,Error ${error}`)
  24.   }