ajax简单封装
发布时间:2020-12-15 21:51:58 所属栏目:百科 来源:网络整理
导读:今天对Ajax进行了封装,类似于jQuery提供的Ajax接口,只要调用一个函数就可以实现get或post请求,方便日后使用 代码如下: pre name="code" class="javascript"/**method 请求方法,GET或POST*url 请求的URL*data 发送的数据,如:'name=jamesage=22'*success
今天对Ajax进行了封装,类似于jQuery提供的Ajax接口,只要调用一个函数就可以实现get或post请求,方便日后使用 代码如下: <pre name="code" class="javascript">/* *method 请求方法,GET或POST *url 请求的URL *data 发送的数据,如:'name=james&age=22' *success 成功时的回调函数,该函数可接受一个参数,即服务器返回的数据 *fail 失败时的回调函数,该函数可接受一个参数,即服务器的返回状态码 */ function AJAX(method,url,data,success,fail) { var ajax=new XMLHttpRequest(); ajax.onreadystatechange=function(){ if(ajax.readyState == 4) { if(ajax.status == 200) { if(success) { success(ajax.responseText); } } else { if(fail) { fail(ajax.status); } } } }; if(method=="POST" || method=="post") { ajax.open("POST",url); ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); ajax.send(data); } else if(method=="GET" || method=="get") { ajax.open("GET",url+"?"+data); ajax.send(null); } else { alert("error method"); } return ajax; } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |