Ajax同步、异步和相应数据格式

 1 console.log(‘before ajax‘)
 2 var xhr = new XMLHttpRequest()
 3 // 默认第三个参数为 true 意味着采用异步方式执行
 4 xhr.open(‘GET‘, ‘/time‘, true)
 5 xhr.send(null)
 6 xhr.onreadystatechange = function () {
 7   if (this.readyState === 4) {
 8     // 这里的代码最后执行
 9     console.log(‘request done‘)
10   }
11 }
12 console.log(‘after ajax‘)
13 //输出结果：
14 //before ajax
15 //after ajax
16 //request done

 1 console.log(‘before ajax‘)
 2 var xhr = new XMLHttpRequest()
 3 // 同步方式
 4 xhr.open(‘GET‘, ‘/time‘, false)
 5 // // 同步方式 执行需要 先注册事件再调用 send，否则 readystatechange 无法触发
 6    xhr.onreadystatechange = function () {
 7      if (this.readyState === 4) {
 8        // 会按代码执行顺序执行这行代码
 9        console.log(‘request done‘)
10      }
11    }
12 xhr.send(null)
13 // 因为 send 方法执行完成 响应已经下载完成
14 console.log(xhr.responseText)
15 console.log(‘after ajax‘)
16 //输出结果：
17 //before ajax
18 //request done
19 //1558437144572
20 //after ajax

 1     // JS数据和JSON数据相互转换
 2         // 先定义一些JS数据
 3         var js_b = true;
 4         var js_o = {name: ‘zs‘, age: 20, sex: ‘M‘};
 5         var js_a = [‘red‘, ‘green‘, ‘blue‘];
 6 
 7         console.log(js_b);
 8         console.log(js_o);
 9         console.log(js_a);
10 
11         // 1. JS数据转换成JSON格式
12         var json_b = JSON.stringify(js_b);
13         var json_o = JSON.stringify(js_o);
14         var json_a = JSON.stringify(js_a);
15 
16         console.log(json_b);
17         console.log(json_o);
18         console.log(json_a);
19 
20         // 2. 把JSON数据转换成JS数据
21         console.log(JSON.parse(json_b));
22         console.log(JSON.parse(json_o));
23         console.log(JSON.parse(json_a));