在上一篇文章了解了Ajax的初步使用，但是发现每一次创建XMLHttpRequest对象，写一堆代码非常繁琐，下面进行重构封装在一个js文件中：
AjaxRequest.js：
var net = new Object(); var req; var onload; var onerror; net.AjaxRequest = function(url,onload,onerror,method,params) { this.req = null; this.onload = onload; this.onerror = (onerror) ? onerror : this.defaultError; this.loadDate(url,params); } 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") { this.req.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); } this.req.send(params); } catch (e) { 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); } }
<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <Meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script language="JavaScript" src="JS/AjaxRequest.js"></script> <script language="JavaScript"> function onerror() { alert("您的操作有误！"); } function getInfo() { var loader = new net.AjaxRequest("result.jsp?nocache=" + new Date().getTime(),dealInfo,"GET"); } function dealInfo() { document.getElementById("showInfo").innerHTML = this.req.responseText; } </script> <title>起始页</title> </head> <body onload="getInfo()"> <div id="showInfo"></div> </body> </html>
原文地址：https://www.jb51.cc/ajax/161360.html
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
