ajax设置header指南教程

 更新时间:2023年10月12日 14:41:48   作者:讓丄帝愛伱  
Ajax 是一个令人误导的名称,Ajax 应用程序可能使用 XML 来传输数据,但将数据作为纯文本或 JSON 文本传输也同样常见,本文给大家介绍ajax设置header指南教程,感兴趣的朋友一起看看吧

什么是 AJAX?

AJAX = Asynchronous JavaScript And XML.

AJAX 并非编程语言。

AJAX 仅仅组合了:

浏览器内建的 XMLHttpRequest 对象(从 web 服务器请求数据)

JavaScript 和 HTML DOM(显示或使用数据)

Ajax 是一个令人误导的名称。Ajax 应用程序可能使用 XML 来传输数据,但将数据作为纯文本或 JSON 文本传输也同样常见。

Ajax 允许通过与场景后面的 Web 服务器交换数据来异步更新网页。这意味着可以更新网页的部分,而不需要重新加载整个页面。

下面介绍下ajax设置header指南教程,内容如下所示:

setting参数 headers

$.ajax({
    headers: {
        Accept: "application/json; charset=utf-8"
    },
    type: "get",
    success: function (data) {
    }
});

beforeSend设置header

$.ajax({
    type: "GET",
    url: "default.do",
    beforeSend: function(request) {
        request.setRequestHeader("Test", "Chenxizhang");
    },
    success: function(result) {
        alert(result);
    }
});

$.ajaxSetup()全局设置Header请求头

// 设置请求默认值
$.ajaxSetup({
    beforeSend: function (xhr) { //可以设置自定义标头
       	// 将token塞进Header里
        xhr.setRequestHeader('Authorization', 'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9');
      	xhr.setRequestHeader('Content-Type', 'application/json'); // application/x-www-form-urlencoded
    },
  	complete: function (xhr) {
      	// 设置登陆拦截
        if (xhr.responseJSON.code == "error_unauth") {
            console.log("没有登录!");
            layer.msg("没有登录!");
            // location.href="login.html" rel="external nofollow"  rel="external nofollow" ;
        } else {
            console.log("已经登录!");
        }
    },
});

// 设置请求默认值
$.ajaxSetup({
    headers: { // 默认添加请求头
        "Authorization": "Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9" ,
        "Content-Type": "application/json"
    } ,
  	complete: function (xhr) {
      	// 设置登陆拦截
        if (xhr.responseJSON.code == "error_unauth") {
            console.log("没有登录!");
            layer.msg("没有登录!");
            // location.href="login.html" rel="external nofollow"  rel="external nofollow" ;
        } else {
            console.log("已经登录!");
        }
    },
});

到此这篇关于ajax设置header的文章就介绍到这了,更多相关ajax设置header内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • ajax动态为a标签href赋值不执行跳转的原因分析及解决

    ajax动态为a标签href赋值不执行跳转的原因分析及解决

    ajax 动态为a标签的href属性赋值,总是不执行跳转的原因想必大家有遇到过吧,下面与大家分享下具体的解决方法,希望对你有所帮助
    2013-06-06
  • 关于二次封装jquery ajax办法示例详解

    关于二次封装jquery ajax办法示例详解

    Ajax 的全称是Asynchronous JavaScript and XML 异步的javaScript和XML,下面这篇文章主要给大家介绍了关于二次封装jquery ajax办法示例,文中通过示例代码介绍的非常详细,需要的朋友们下面来一起看看吧。
    2017-07-07
  • Ajax的原生实现关于MIME类型的使用方法

    Ajax的原生实现关于MIME类型的使用方法

    下面小编就为大家分享一篇Ajax的原生实现关于MIME类型的使用方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-03-03
  • ajax的 IE cache 相关问题解决

    ajax的 IE cache 相关问题解决

    运用Ajax做了一个名字检验,第一次是有效的,但是提交过后,再检验一次,结果就不对了,是由于IE的cache的原因,接下来介绍下详细的解决方法,感性的朋友可以参考下哈
    2013-04-04
  • AJAX实现文件上传功能报错Current request is not a multipart request详解

    AJAX实现文件上传功能报错Current request is not a&n

    这篇文章主要介绍了AJAX文件上传功能实现中出现报错Current request is not a multipart request的问题,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-07-07
  • ajax post下载flask文件流以及中文文件名问题

    ajax post下载flask文件流以及中文文件名问题

    这篇文章主要介绍了ajax post下载flask文件流以及中文文件名问题,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-04-04
  • 用ajax xml的数据读取的HelloWorld程序

    用ajax xml的数据读取的HelloWorld程序

    我们经常会使用JavaScript实现动态的改变div里面的内容,尤其是使用ajax的时候,尤为重要。
    2009-04-04
  • ajax视频课件 在线观看地址

    ajax视频课件 在线观看地址

    ajax视频课件 在线观看地址...
    2007-05-05
  • Ajax叠加(Ajax返回数据用Ajax发出)示例代码

    Ajax叠加(Ajax返回数据用Ajax发出)示例代码

    把参数用Ajax发送到数据库进行查询然后用Ajax将数据发送到数据库签到表,于是有了下面的代码,感兴趣的朋友可以了解下,希望对大家学习ajax有所帮助
    2013-08-08
  • JQuery Ajax动态生成Table表格

    JQuery Ajax动态生成Table表格

    实现过程是这样的:前台通过jquery的ajax调用一般处理程序(Handler),获取表格需要显示的信息,然后转换成json格式返回给前台,前台获取到数据后循环构建表格的行,最好把行附加到表里。感兴趣的朋友一起看看吧
    2015-09-09

最新评论