ajax一

最新推荐文章于 2025-03-16 10:00:00 发布

转载最新推荐文章于 2025-03-16 10:00:00 发布 · 52 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xufeng1994/p/10424692.html

本文提供了AJAX的get和post版本的最简化实现方式，包括创建XMLHttpRequest对象、设置请求方式、发送请求及处理响应等关键步骤，适合初学者快速上手。

最简单版的ajax

get版本

        var xhr = null //创建对象
        if(window.XMLHttpRequest){
            xhr = new XMLHttpRequest() //重新赋值
        }else{
            xhr = new ActiveXObject('Microsoft.XMLHTTP') //重新赋值(鉴别ie6)
        }
        xhr.open('get','url?xxx'+xxx,true) //准备发送
        xhr.send(null) //执行发送
        xhr.onreadystatechange = function (){ //回调函数
            if(xhr.readyState == 4){
                if(xhr.status == 200){
                    //xhr.responseXML
                    var result = xhr.responseText
                    console.log(result)
                }
            }
        }

post版本

        var xhr = null //创建对象
        if(window.XMLHttpRequest){
            xhr = new XMLHttpRequest() //重新赋值
        }else{
            xhr = new ActiveXObject('Microsoft.XMLHTTP') //重新赋值(鉴别ie6)
        }
        xhr.open('post','url',true) //准备发送
        xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded')
        var param = 'xxx'+xxx
        xhr.send(param) //执行发送
        xhr.onreadystatechange = function (){ //回调函数
            if(xhr.readyState == 4){
                if(xhr.status == 200){
                    //xhr.responseXML
                    var result = xhr.responseText
                    console.log(result)
                }
            }
        }

去加油吧少年！

转载于:https://www.cnblogs.com/xufeng1994/p/10424692.html