加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

Ajax开发框架搭建

发布时间:2020-12-16 00:30:14 所属栏目:百科 来源:网络整理
导读:搭建Ajax开发框架: 1)编写自定义的javascript函数createrequest(),首先初始化XMLHttpRequest对象,然后指定处理函数,最后发送HTTP请求 代码如下: script language="javascript" var http_request = false; function createRequest(url) { http_request

搭建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>

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读