AJAX通信原理

原创于 2017-05-25 20:02:18 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

web前端专栏收录该内容

5 篇文章

订阅专栏

本文介绍了Ajax通信的基本原理，包括如何使用JavaScript创建XMLHttpRequest对象，并通过open（）方法设置URL、method及callback等属性来实现与后台的数据交互。此外，还提供了一个具体的示例代码，演示了如何根据不同浏览器创建相应的请求对象并进行状态码判断。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ajax通信实质上是JavaScript创建了一个XMLHttpRequest对象，这个对象有个open（）方法其参数包含URL，method，callback等，通过这个方法设置其属性，而后通过send（）方法向后台发送请求。
例：

 <script type="text/javascript">
    var req;
    function validate(){
        var url="jjjjjj.jsp";
        //根据不同浏览器创建不同对象，这就是js让人蛋疼的解决浏览器不兼容问题的方式
        if(window.XMLHttpRequest){
            req = new XMLHttpRequest();
        } else if(window.ActiveXObject){//这个是IE浏览器
            req =  new ActiveXObject("Mivrosoft.XMLHTTP");
        }
        req.open("GET",url,callback);
        //当状态码（代表请求发送的阶段）改变的时候调用callback
        req.onreadystatechange = callback;
        req.send(null);
    }
    function callback(){
            if(req.status == 200){
            alert(req.responseText();
            }
    }
</script>