JS的Ajax

      关于原生JS 的Ajax理解和操作

Ajax是什么？Ajax用在什么地方？如何操作？
核心：操作XMLHttpRequest对象

Ajax不是一个新技术！

Ajax：异步的JavaScript和XML技术，通过JavaScript中的异步对象XMLHttpRequest来进行数据请求，得到传输的XML数据

Ajax主要用在需要向服务器请求数据的环境中，比如登录和注册账号时就需要用到。

操作步骤及代码如下：

1. 创建异步对象

[html]  view plain  copy

1. var _http;  
2.         if(window.XMLHttpRequest) {  
3.             _http = new XMLHttpRequest();  
4.         } else {  
5.             _http = new ActiveXObject("Microsoft.XMLHTTP");  
6.         }  

2.打开和服务器的连接，发送请求

[html]  view plain  copy

1. _http.open("get", "url");  
2.        _http.send();  

3. 获取数据，DOM操作进行渲染

[html]  view plain  copy

1. <span style="font-size:14px;">_http.onreadystatechange = function() {  
2.         if(_http.readyState == 4 && _http.status == 200){  
3.             var _content = _http.responseText;//接受数据  
4.             console.log(_content);  
5.             var _jsonArr = JSON.parse(_content);// 将字符串转换成JSON对象  
6.             console.log(_jsonArr);  
7.             for(var i = 0; i < _jsonArr.length; i++) {  
8.                 var _li = document.createElement("li");  
9.                 _li.textContent = _jsonArr[i].className;  
10.                 _ct.appendChild(_li);  
11.             }  
12.         }  
13.     }</span>