原生js - get 、post方式发送AJAX请求

一、get方式

   #1创建一个xhr对象
    var xhr = new XMLHttpRequest ( ) ;
    #2监听状态的改变
    xhr.onreadystatechange=function(){
          if(xhr.readyState===4){//请求成功
                    if(xhr.status===200){//响应成功
                          doResponse(xhr);//调用一个函数
                  }
            }


  }
    #3打开一个链接
    xhr.open('get','xxx.php',true);
    //1.请求方式  2.发送到哪去  3.是否为异步请求 是true 否 flase
    #4发送数据
    xhr.send(null);

二、post方式

    #1创建一个xhr对象
    var xhr = new XMLHttpRequest ( ) ;
    #2监听状态的改变
    xhr.onreadystatechange=function(){}
    #3打开一个链接
    xhr.open('post','xxx.php',true);
    #3.5 修改请求消息头部
      xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
  
    #4发送数据
    xhr.send('uname=xxx&upwd=123');
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容