码迷,mamicode.com
首页 > Web开发 > 详细

ajax一

时间:2019-02-23 23:01:00      阅读:199      评论:0      收藏:0      [点我收藏+]

标签:准备   read   发送   创建对象   ram   lse   status   header   app   

最简单版的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一

标签:准备   read   发送   创建对象   ram   lse   status   header   app   

原文地址:https://www.cnblogs.com/xufeng1994/p/10424692.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!