ajax请求中自定义添加请求头token两种方式

原创已于 2022-04-22 09:41:50 修改 · 4.7k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#ajax

于 2020-06-04 11:34:01 首次发布

Ajax 专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何使用jQuery的$.ajax方法发起GET请求，并通过设置请求头中token值来实现API调用的身份验证。文章提供了两个示例，展示了在beforeSend回调函数和headers选项中设置token的不同方式。

$(function () {
    $.ajax({
        type: 'GET',
        url: '/api',
        data: {},
        dataType: 'json',
        beforeSend:function(xhr){
          xhr.setRequestHeader("token","Basic "+"生成token值");
        },
        success:function (data) {
            console.log(data)
            if (data.err == 0) {
                alert("成功");
            }else {
                alert("失败")
            }
        }

    })
})

$(function () {
    $.ajax({
        type: 'GET',
        url: '/api',
        data: {},
        dataType: 'json',
        headers: {"token","Basic "+"生成token值"}
        success:function (data) {
            console.log(data)
            if (data.err == 0) {
                alert("成功");
            }else {
                alert("失败")
            }
        }

    })
})

关注博主即可阅读全文