AJAX

1.AJAX的定义:

　　1.异步的Javascript和XML

　　2.使用JS和服务端进行数据通信的方式

2.原生Javasccript实现的AJAX(创建XMLHttpRequest对象)

　　

var ilEle = document.getElementById("il");
ilEle.onblur = function() {
#创建原生的JS
var xmlHttp = new XMLHttpRequest();
#设置往哪里提交
xmlHttp.open(‘POST‘,"/index/",true);
xmlHttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
#取到用户填写的值
var num = ilEle.value;
xmlHttp.send(‘num=‘+num );
#回调,当请求收到后端的响应后
xmlHttp.onreadystatechange = fnction(){
if (xmlHttp.readyState === 4 && xmlHttp.status === 20){
    alert(xmlHttp.responseText) ;  }
};
};

 

3.jQuery实现的AJAX

		$(‘#i1‘).on(‘blur‘,function () {
			$.ajax({
				url: ‘/index/‘,// 往哪里发请求
				type: ‘POST‘,// 请求的方法
				data: {‘num‘: $(‘#i1‘).val()},// 请求的数据
				success: function (res) {  // 请求被成功响应之后要做的事儿
					alert(res)
				},error: function (err) {  // 请求未被响应之后要做的事儿
					alert(err)
				}
			})
		})