Ajax开发框架搭建

前端之家收集整理的这篇文章主要介绍了Ajax开发框架搭建前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

搭建Ajax开发框架:

1)编写自定义的javascript函数createrequest(),首先初始化XMLHttpRequest对象,然后指定处理函数,最后发送HTTP请求

代码如下:

<script language="javascript">
    var http_request = false;
    function createRequest(url) {
        http_request = false;
        if (window.XMLHttpRequest) {     // Mozilla浏览器
            http_request = new XMLHttpRequest();
            if (http_request.overrideMimeType) {
                http_request.overrideMimeType('text/xml');     //设置MIME类别
            }
        } else if (window.ActiveXObject) {     // IE浏览器
            try {
                http_request = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
                try {
                    http_request = new ActiveXObject("Microsoft.XMLHTTP");
               } catch (e) {}
            }
        }
        if (!http_request) {
            alert("不能创建XMLHttpRequest对象实例!");
            return false;
        }
        http_request.onreadystatechange = getResult;     //调用返回结果处理函数
        http_request.open('POST',url,true);
        http_request.send();

    }

2)编写处理返回结果的函数getResuit()根据请求状态处理返回结果
/返回结果处理函数
    function getResult() {
        if (http_request.readyState == 4) {     // 判断请求状态
            if (http_request.status == 200) {     // 请求成功,开始处理返回结果
                alert(http_request.responseText);
            } else {     //请求页面错误
                alert("您所请求的页面错误!");
            }
        }
    }

3)页面添加链接click事件调用createRequset()执行异步请求】

<a href="#" onClick="createRequest('goal.htm')">获取请求</a> </body>

原文链接:https://www.f2er.com/ajax/164744.html

猜你在找的Ajax相关文章