<!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
评论7