ajax请求 post get header 代码模板

曾经终败给现在 2023-03-01 12:55 10阅读 0赞

# 谷歌浏览器chrome console 发送POST/GET请求 系统维护后台http工具 #

POST

//方法一：
    var url = "/dict/test";
    var params = {advertiserUid: 1232131, advertiserWeiboNickname: "18"};
    var xhr = new XMLHttpRequest();
    xhr.open("POST", url, true);
    xhr.setRequestHeader("Content-Type", "application/json");
    xhr.onload = function (e) {
      if (xhr.readyState === 4) {
        if (xhr.status === 200) {
          console.log(xhr.responseText);
        } else {
          console.error(xhr.statusText);
        }
      }
    };
    xhr.onerror = function (e) {
      console.error(xhr.statusText);
    };
    xhr.send(JSON.stringify(params));
    
    //方法二：
    var url = "/dict/test";
    var params = "score=5&abc=6";
    var xhr = new XMLHttpRequest();
    xhr.open("POST", url, true);
    xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded"); 
    xhr.onload = function (e) {
      if (xhr.readyState === 4) {
        if (xhr.status === 200) {
          console.log(xhr.responseText);
        } else {
          console.error(xhr.statusText);
        }
      }
    };
    xhr.onerror = function (e) {
      console.error(xhr.statusText);
    };
    xhr.send(params);

GET

$(function(){
            //请求参数
            var list = {};
            //
            $.ajax({
                //请求方式
                type : "POST",
                //请求的媒体类型
                contentType: "application/json;charset=UTF-8",
                //请求地址
                url : "http://127.0.0.1/admin/list/",
                headers: {      //请求头
                        authorization: "bearer f7ea012a-588a-43f0-8a30-21b2b677a154"
                    },
                //数据，json字符串
                data : JSON.stringify(list),
                //请求成功
                success : function(result) {
                    console.log(result);
                },
                //请求失败，包含具体的错误信息
                error : function(e){
                    console.log(e.status);
                    console.log(e.responseText);
                }
            });
        });