js 原生 ajax
//js ajax function Ajax(url,type,data,comFun,sucFun,errFun) { //1、创建XMLHttpRequest对象 var xmlHttpRequest; if(window.ActiveXObject) //IE低版本 { xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP"); } else if (window.XMLHttpRequest)//Firefox等 { xmlHttpRequest = new XMLHttpRequest(); } //2、创建连接 xmlHttpRequest.open(type, url, true); //处理post请求参数 var params = null; if(type.toLowerCase()=="post") { //post方式要设置请求类型 xmlHttpRequest.setRequestHeader(‘Content-Type‘, ‘application/x-www-form-urlencoded‘); if(typeof data=="string") { params = data; } else { var arr = []; for(var k in data) { arr.push(k+"="+data[k]); } params = arr.join("&"); } } else { //如果是get请求 send方法中的参数为null params = null; } //3、发送请求 xmlHttpRequest.send(params); //4、接受服务器响应结果 xmlHttpRequest.onreadystatechange = function() { // readyState值说明 // 0,初始化,XHR对象已经创建,还未执行open // 1,载入,已经调用open方法,但是还没发送请求 // 2,载入完成,请求已经发送完成 // 3,交互,可以接收到部分数据 if (xmlHttpRequest.readyState == 4) { //complete: 请求完成时执行的函数 //complete(); comFun("请求完成......"); // status值说明 // 200:成功 // 404:没有发现文件、查询或URl // 500:服务器产生内部错误 if(xmlHttpRequest.status == 200) { //success: 请求成功时执行的函数 //success(); var text = xmlHttpRequest.responseText; sucFun(text); } else { //error: 请求失败时执行的函数 //error(); errFun("服务器错误......"); } } } }
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。