我是靠谱客的博主 积极蜡烛,最近开发中收集的这篇文章主要介绍js ajax请求,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

post

var url= 'http://'; //接口地址
    var ajax = new XMLHttpRequest();
    // 第二步: 设置状态监听函数
    ajax.onreadystatechange = function(){
        //第五步:在监听函数中,判断readyState=4 && status=200表示请求成功
        if(ajax.readyState==4 && ajax.status==200){
            // 第六步: 使用responseText、responseXML接受响应数据,并使用原生JS操作DOM进行显示
            console.log(ajax.responseText);
        }
    };
    // 第三步: open一个链接
    ajax.open("post",url,true);

    var data = 'id=111&name=222'
    // 第四步: send一个请求。 可以发送对象和字符串,不需要传递数据发送null
    ajax.send(data);

GET

var url= 'http://'; //接口地址
    var ajax = new XMLHttpRequest();
    // 第二步: 设置状态监听函数
    ajax.onreadystatechange = function(){
        //第五步:在监听函数中,判断readyState=4 && status=200表示请求成功
        if(ajax.readyState==4 && ajax.status==200){
            // 第六步: 使用responseText、responseXML接受响应数据,并使用原生JS操作DOM进行显示
            console.log(ajax.responseText);
        }
    };
    // 第三步: open一个链接
    ajax.open("GET",url,true);

   
  // 第四步: send一个请求。 可以发送对象和字符串,不需要传递数据发送null
    ajax.send(null);

最后

以上就是积极蜡烛为你收集整理的js ajax请求的全部内容,希望文章能够帮你解决js ajax请求所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(51)

评论列表共有 0 条评论

立即
投稿
返回
顶部