ajax一

Posted 无所不能的风

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ajax一相关的知识,希望对你有一定的参考价值。

最简单版的ajax

get版本

        var xhr = null //创建对象
        if(window.XMLHttpRequest){
            xhr = new XMLHttpRequest() //重新赋值
        }else{
            xhr = new ActiveXObject() //重新赋值(鉴别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() //重新赋值(鉴别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)
                }
            }
        }

去加油吧少年!

以上是关于ajax一的主要内容,如果未能解决你的问题,请参考以下文章

动态SQL基础概念复习(Javaweb作业5)

jquery.Ajax回调成功后数据赋值给全局变量的问题

Fetch:新一代Ajax API

Ajax 片段元标记 - Googlebot 未读取页面内容

执行AJAX返回HTML片段中的JavaScript脚本

基于Promise对象的新一代Ajax API--fetch