ajax重构代码

前端之家收集整理的这篇文章主要介绍了ajax重构代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

AjaxRequest.js

var net = new Object(); // 定义一个全局变量net

// 编写构造函数 net.AjaxRequest = function(url,onload,onerror,method,params) { this.req = null; this.onload = onload; this.onerror = (onerror) ? onerror : this.defaultError; this.loadDate(url,params); } // 编写用于初始化XMLHttpRequest对象并指定处理函数,最后发送HTTP请求的方法 net.AjaxRequest.prototype.loadDate = function(url,params) { if (!method) { method = "GET"; } if (window.XMLHttpRequest) { this.req = new XMLHttpRequest(); } else if (window.ActiveXObject) { this.req = new ActiveXObject("Microsoft.XMLHTTP"); } if (this.req) { try { var loader = this; this.req.onreadystatechange = function() { net.AjaxRequest.onReadyState.call(loader); } this.req.open(method,url,true);// 建立对服务器的调用 if (method == "POST") {// 如果提交方式为POST this.req.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); // 设置请求头 } this.req.send(params); // 发送请求 } catch (err) { this.onerror.call(this); } } } // 重构回调函数 net.AjaxRequest.onReadyState = function() { var req = this.req; var ready = req.readyState; if (ready == 4) {// 请求完成 if (req.status == 200) {// 请求成功 this.onload.call(this); } else { this.onerror.call(this); } } } // 重构默认的错误处理函数 net.AjaxRequest.prototype.defaultError = function() { alert("错误数据\n\n回调状态:" + this.req.readyState + "\n状态: " + this.req.status); } 原文链接:https://www.f2er.com/ajax/164262.html

猜你在找的Ajax相关文章