<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<meta charset="utf-8" />
<script src="../Scripts/jquery-3.3.1.min.js"></script>
</head>
<body>
<button id="btnAllProduct">获取数据</button>
<button id="btnToken">登陆授权</button>
<button id="btnGetByToken">附加token的请求</button>
<div style="color:green;" id="suc_div"></div>
<div style="color:red;" id="err_div"></div>
<script>
$(function () {
// Headers未附加token令牌的请求
$('#btnAllProduct').click(function () {
$.ajax({
url: 'http://localhost:10034/api/Products/GetAllProducts',
type: 'POST',
dataType: 'json',
success: function (resp) {
},
error: function (err) {
$('#err_div').append(err.status + err.responseText);
$('#err_div').append('<br/>');
}
});
});
// 密码验证授权,获取token令牌
$('#btnToken').click(function () {
$.ajax({
url: 'http://localhost:10034/token',
type: 'POST',
dataType: 'json',
data: {
grant_type: 'password',
username: 'admin',
password: '123'
},
success: function (resp) {
// 获取服务器返回的token并保存至localStorage
localStorage.access_token = resp.access_token;
$('#suc_div').append('access_token:' + resp.access_token);
$('#suc_div').append('<br/>');
},
error: function (err) {
$('#err_div').append(err.status + err.responseText);
}
});
});
// Headers附加token请求数据
$('#btnGetByToken').click(function () {
$.ajax({
url: 'http://localhost:10034/api/Products/GetAllProducts',
type: 'POST',
headers: {
Authorization: 'bearer ' + localStorage.access_token
},
dataType: 'json',
success: function (resp) {
$.each(resp, function (i, t) {
$('#suc_div').append(`Id:${t.Id},Name:${t.Name},Category:${t.Category}`);
$('#suc_div').append('<br/>');
});
},
error: function (err) {
$('#err_div').append(err.status + err.responseText);
$('#suc_div').append('<br/>');
}
});
});
})
</script>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
资源详情
资源评论
资源推荐
收起资源包目录
WebApiDemo.7z (25个子文件)
ProductApp
packages.config 2KB
Controllers
ProductsController.cs 1KB
Web.Release.config 1KB
ProductApp.csproj.user 1KB
Scripts
jquery-3.3.1.slim.js 222KB
jquery-3.3.1.js 276KB
jquery-3.3.1.intellisense.js 159KB
jquery-3.3.1.min.map 129KB
jquery-3.3.1.slim.min.js 68KB
jquery-3.3.1.slim.min.map 103KB
jquery-3.3.1.min.js 85KB
Models
Product.cs 336B
Properties
AssemblyInfo.cs 1KB
SimpleAuthorizationServerProvider.cs 1KB
Web.Debug.config 1KB
ProductApp.csproj 12KB
obj
Debug
TempPE
DesignTimeResolveAssemblyReferencesInput.cache 11KB
TemporaryGeneratedFile_036C0B5B-1481-4323-8D20-8F5ADCB23D92.cs 0B
TemporaryGeneratedFile_E7A71F73-0F8D-4B9B-B56E-8E70B10BC5D3.cs 0B
TemporaryGeneratedFile_5937a670-0e60-4077-877b-f7221da3dda1.cs 0B
Html
token_demo.html 3KB
App_Data
StartUp.cs 1KB
bin
zh-Hans
roslyn
Web.config 4KB
App_Start
WebApiConfig.cs 604B
WebApiDemo.sln 997B
共 25 条
- 1
imwyw
- 粉丝: 0
- 资源: 5
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 407000001.fasset
- J-20240402998-HTE-HTE-2947110DA-D3_整车运动控制器-电压渐变(缓升缓降)-检测报告-XS-汽车及零部件检测中心.pdf.crdownload
- Excel表格VBA-获取文件夹内所有文件路径.zip
- 文件移动.zip
- 反射源代码,源代码,源代码,源代码
- CAJViewer 9.0_x64-setup.exe
- servant C++语言框架rpc的源码实现 tools C++语言框架IDL工具的源码实现 util C++语言.7z
- 使用pyqt创建一个登录具有动态背景的登陆界面
- 实验名称 调幅波信号的解调
- 实验名称 振幅调制器(利用乘法器)
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论7