$.ajax数据请求与响应

晨曦之枭

于 2023-10-17 14:40:29 发布

阅读量168

点赞数

文章标签： ajax 前端 javascript

本文链接：https://blog.csdn.net/zjz155/article/details/90669221

版权

文章描述了一个使用jQuery的Ajax方法进行GET请求，检查用户登录状态的过程，包括成功和错误时的响应处理。通过`Authorization`头验证Token，并在不同阶段显示响应信息。

摘要由CSDN通过智能技术生成

    $(function() {

        $.ajax({
         url: "/is_login/",
         type: "get",
         dataType: "json",
         headers:{
             "Authorization": "Bearer" + " " +  window.localStorage.getItem("token")
         },

         success: function (data, status, XHR) {

             $("#login").html("退出");
             $("#register").html(data.username);
             login = 1;             
             alert(" success 响应状态文本=" + XHR.statusText);
             alert(" success 响应状态码=" + XHR.status);
             alert(" success 响应主体内容=" + JSON.parse(XHR.responseText).username); //将响应JSON数据解析成js对数据对象

         },
         error: function (XHR, textStatus, errorThrown) {
             alert("error 响应状态=" + XHR.status);
             alert("error 响应状态=" + XHR.statusText);
             alert("error 获取响应头=" + XHR.getResponseHeader("content-type"))

         },
        complete: function (XHR, success, error) {
            alert("complete 响应状态文本=" + XHR.statusText);
            alert("complete 响应状态码=" + XHR.status);
            alert("complete 响应主体内容=" + XHR.responseText);
        }

        });