Ajax异步请求

来源：互联网发布：淘宝交易关闭alin41288 编辑：程序博客网时间：2024/04/29 17:04

在网页中如何实现页面局部刷新，JavaScript提供了一种方法，Ajax（Asynchronous JavaScript and XML”（异步的JavaScript与XML技术），指的是一套综合了多项技术的浏览器端网页开发技术。

/*创建Ajax*/function createXMLHttpRequest() {    if (window.ActiveXObject) {        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");    } else if (window.XMLHttpRequest) {        xmlHttp = new XMLHttpRequest();    }} /*发起请求*/function startRequest(url,param) {    createXMLHttpRequest();    try {        xmlHttp.onreadystatechange = handleStateChange;        xmlHttp.open("POST", url, true);        xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");        xmlHttp.send(param);    }    catch (e) {        alert("xmlHttp Fail");    }}/*判断是否请求成功*/function handleStateChange() {    if (xmlHttp.readyState == 4) {        if (xmlHttp.status == 200 || xmlHttp.status == 0) {            showResult();        }    }}/*处理数据和显示*/function showResult(){  alter(xmlHttp.responseText);}/*发起一个HTTP请求*/function httpRequest（）{ /*发起post请求，参数用&连接*/ var param ="type=" + subtype + "&content=" + subcontent; /*如果是get请求，参数可以直接带在后面*/ /*var uri="http://xiyoumobile.com/PhoneAnswer/PhoneAPI/AdminAddSubject.aspx?type="+subtype + "&content=" + subcontent;*/ var uri = "http://xiyoumobile.com/PhoneAnswer/PhoneAPI/AdminAddSubject.aspx"; startRequest(uri,param);}

上面方法，通过封装后可以通过startRequest(uri,param)，方法直接发起HTTP的post或get请求，请求成功后再showResult()函数中解析请求的结果。

0 0