什么是AJax

什么是AJax
说道ajax到底什么是ajax？ ajax是一种创建交互网页应用的一门技术！

ajax的优缺点：
##### 优点：
1.实现局部更新（无刷新状态下），
2.减轻了服务器端的压力

  ##### 缺点：
  1.破坏了浏览器前进和后退机制（因为ajax自动更新机制）
  2.一个Ajax请求多了，也会出现页面加载慢的情况。
  3.搜索引擎的支持程度比较低。
  4.ajax的安全性问题不太好（可以用数据加密解决）。

废话少说，直接干货！
function ajax(options){
var xhr = null;
var params = formsParams(options.data);
//创建对象
if(window.XMLHttpRequest){
xhr = new XMLHttpRequest()
} else {
xhr = new ActiveXObject(“Microsoft.XMLHTTP”);
}
// 连接
if(options.type == “GET”){
xhr.open(options.type,options.url + “?”+ params,options.async);
xhr.send(null)
} else if(options.type == “POST”){
xhr.open(options.type,options.url,options.async);
xhr.setRequestHeader(“Content-Type”,“application/x-www-form-urlencoded”);
xhr.send(params);
}
xhr.onreadystatechange = function(){
if(xhr.readyState == 4 && xhr.status == 200){
options.success(xhr.responseText);
}
}
function formsParams(data){
var arr = [];
for(var prop in data){
arr.push(prop + “=” + data[prop]);
}
return arr.join("&");
}

}

ajax({
url : “a.php”, // url---->地址
type : “POST”, // type —> 请求方式
async : true, // async----> 同步：false，异步：true
data : { //传入信息
name : “张三”,
age : 18
},
success : function(data){ //返回接受信息
console.log(data);
}
}