614封装ajax异步回调函数获取后端数据

　　614、封装ajax异步回调函数获取后端数据
　　鉴于国内开发只知调用国外架构，不识其中之味，此节从原理上介绍ajax，让同学们能够自己掌握ajax技术，可以任意构建ajax传参，减少代码量，提高执行速度，增加工作效率，增强学习信心。
　　回调函数是不容易理解的地方，此节讲解了回调函数的原理及制作方法。js之所以优秀，全在于此。
　　教学视频地址：
　　https://www.ixigua.com/7028722184373666317?id=7098325021185180191&logTag=1a6d8d7103c24dc54fdf
　　教学素材下载地址：
　　http://disk.1473.cn/taobaoteaching
　　知识点：
　　定义回调函数
　　函数作为参数
　　回调函数中回传参数
　　执行回调函数
　　回调函数的调试
　　操作步骤：
　　使用函数封装如下：
　　//自己构建ajax函数的方法
　　ajax=function(url,callback){
　　var _xmr=new XMLHttpRequest();//创建一个ajax对象
　　//使用post方式打开请求。
　　_xmr.open(＂POST＂,url);
　　//必须发送一个HTTP协议的头文件
　　_xmr.setRequestHeader(＂Content-Type＂,＂application/x-www-form-urlencoded＂);
　　//向后端发送请求
　　_xmr.send();
　　//服务器返回的内容在此函数中
　　_xmr.onreadystatechange=function(){
　　//如果服务器返回状态为200，标识成功
　　if(this.readyState==4 && this.status==200){
　　//把服务器返回的字符串转换为json
　　var _json=eval(this.responseText);
　　//如果有回调函数，执行回调函数，否则，只向后端发送请求
　　if(callback){
　　callback(_json);
　　}
　　}
　　}
　　}
　　回调函数的定义方法之一
　　ajax(url,function(r){
　　alert(r);
　　});
　　回调函数的定义方法之二
　　//参数r为后端返回值
　　ajaxCallBack=function(r){
　　//此处输出值
　　alert(r);
　　}
　　去后端获取数据的方法
　　ajax(url,ajaxCallBack);