ajax返回request,ajaxRequest解析

刚开始学习ajax，听网上的一下大佬说：ajax要与springMVC使用，让我对这个ajax有恐惧，不过慢慢学习了ajx后其实可以不用springMVC的。说回主题

ajaxREquest是一个模板，我们只要在调用时传了正确的参数即可调用

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, method, params);

}

// 编写用于初始化XMLHttpRequest对象并指定处理函数，最后发送HTTP请求的方法

net.AjaxRequest.prototype.loadDate = function(url, method, 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);

}

调用这个js

function getProvince(){

new net.AjaxRequest("ZoneServlet?action=getProvince",deal_getProvince,onerror,"GET");//第一个参数为URL的地址，可以通过？传值，第二个为指定处理函数，用来处理控制器返回的信息

}

function deal_getProvince(){

provinceArr=this.req.responseText.; //这个是获得服务器返回信息的操作

}