页面404后ajax封装,ajax 的封装

Ajax 的 简介

AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML)，是指一种创建交互式网页应用的网页开发技术。

AJAX = 异步 JavaScript和XML

AJAX 是一种用于创建快速动态网页的技术。

通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新

传统的网页(不使用 AJAX)如果需要更新内容，必须重载整个网页页面。

Ajax响应数据类型：

1、字符串类型：

使用responeText接受

2、json格式数据：

在后台发送的是 json 对象

3、XML类型数据

在后台声明发送的是XML数据：

resp.setContentType("text/xml;charset=utf-8");

使用responseXML接受

var doc=req.responseXML;返回的是document对象

处理：

var n=doc.getElementsByTagName("name")[角标].innerHTML

var n=doc.getElementsByTagName("name")[角标].firstChild.data;

Ajax的基础封装如下代码

function myAjax(method,url,data,deal200,deal404,deal500,async){

var req=getRequset();

//复写onreayStatechange

req.onreadystatechange=function(){

//处理响应

if(req.readyState==4){

if(req.status==200){

if(deal200){

deal200(req);

}

}else if(req.status==404){

if(deal404){

deal404();

}

}else if(req.status==500){

if(deal500){

deal500();

}

}

}

}

//创建请求

if("get"===method.toLowerCase()){

//get

req.open(method,url, async);

//get

req.send(null);

}else if("post"===method.toLowerCase()){

//post

req.open(method, url+(data==null?"":"?"+data), async);

req.setRequestHeade("Content-Type","application/x-www-form-urlencoded");

//post

req.send(data);

}

}

function getRequset(){

//创建ajax引擎对象

var req;

if(window.XMLHttpRequest){

req=new XMLHttpRequest();

}else if(window.ActiveXObject){

req=new ActiveXObject("Msxml2.XMLHTTP");

}

return req;

}