如何使用来自jQuery的AJAX请求发送令牌

Question

我使用express jwt，通过jQuery创建我的令牌，并将其保存在我的localStorage中，使用：

$.ajax（美元）({网址：“http://localhost:8080/login",类型：'POST'，数据：表单数据，错误：函数（err）{console.log（'错误！'，err）},成功：函数（数据）{console.log（'成功！'）localStorage.setItem（'token'，data.id_token）；}});

我在后端有一个受保护的路由，如：

app.get（'/upload'，jwt（{secret:config.secret}），function（req，res）{res.sendFile（路径.join（__dirname+'/upload.html'））；});

如何使用请求头从localStorage发送令牌？

Answer 1

您可以在$.ajax（美元）请求：

$.ajax（美元）({网址：“http://localhost:8080/login",类型：'GET'，//从localStorage获取存储的令牌并在标头中设置headers:{“Authorization”：“Bearer”+localStorage.getItem（'token'）}});

Answer 2

如果您使用的是JWT身份验证，那么以下是将其添加到.ajax（）方法中的头文件中的方式：

标题：{授权：“持有者”+令牌}

,

Answer 3

我使用下面的方法用结果状态类型涵盖JWT身份验证

$.ajax（美元）({网址：“http://localhost:8080/login",类型：“POST”，headers:{Authorization:$`Bearer${localStorage.getItem（“token”）}`}，数据：表单数据，错误：函数（err）{开关（错误状态）{案例“400”：//错误的请求断裂；案例“401”：//未经授权断裂；案例“403”：//禁止断裂；违约：//发生了不好的事断裂；}},成功：函数（数据）{console.log（“成功！”）；}});

Answer 4

你也可以这样做。

$.ajax（美元）({type:'get'，//或任何其他方法dataType:“json”，beforeSend:函数（xhr）{xhr.setRequestHeader（“授权”，“承载”+令牌）；},url:`your-endpoint`，成功：（数据、状态、xhr）=>{if（数据状态）{//做点什么}其他{console.warn（“AJax失败”）；}},错误：（xhr，textStatus，errorMessage）=>{console.log（xhr.responseJSON.message）；}});