StudyGroup
/
CorsStudy
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

整理

Browse Source
master
bicijinlian 4 years ago
parent 0d0916ae44
commit 0695a246f4
1 changed files with 32 additions and 13 deletions
Show Stats Download Patch File Download Diff File

45
CorsClient/CorsClient/wwwroot/Index.html
Unescape Escape View File

@ -9,8 +9,14 @@
$(function () { $(function () {
$("#MenuLinks li").click(function () { $("#MenuLinks li").click(function () {
var ajaxUrl = $(this).attr("url"); var ajaxUrl = $(this).attr("url");
var ajaxMethod = $(this).attr("method"); var ajaxMethod = $(this).attr("requestMethod");
var ajaxContentType = $(this).attr("contentType"); var ajaxContentType = $(this).attr("requestContentType");
var ajaDataType = $(this).attr("responseDataType");
var ajaxRequestData = $(this).attr("requestData");
if (ajaxContentType.indexOf("json") > 0) {
var jsonData = JSON.parse(ajaxRequestData)
ajaxRequestData = JSON.stringify(jsonData);
};
$.ajax({ $.ajax({
//请求方法 //请求方法
type: ajaxMethod, type: ajaxMethod,
@ -18,23 +24,36 @@
//请求地址 //请求地址
url: ajaxUrl, url: ajaxUrl,
//服务器返回类型 //服务器响应数据格式
dataType: "html", dataType: ajaDataType,
//发送类型 //请求数据格式
contentType: ajaxContentType, contentType: ajaxContentType,
//data: JSON.stringify({ "userName": "wanggaofeng", "userPassword": "213464" }), //请求数据
data: ajaxRequestData,
//请求前
beforeSend: function (xhr) { beforeSend: function (xhr) {
$("#ContentBox").html("请求中..."); $("#ContentBox").html("请求中...");
}, },
//请求成功
success: function (jsonData) { success: function (jsonData) {
$("#ContentBox").html(jsonData); var isjson = typeof (jsonData) == "object" && Object.prototype.toString.call(jsonData).toLowerCase() == "[object object]" && !jsonData.length;
if (isjson) {
jsonData = JSON.stringify(jsonData);
}
$("#ContentBox").text(jsonData.toString());
}, },
error: function (xhr,status,error) {
//请求失败
error: function (xhr, status, error) {
$("#ContentBox").html("请求错误" + error); $("#ContentBox").html("请求错误" + error);
}, },
complete: function (xhr,status) {
//请求完成
complete: function (xhr, status) {
} }
}); });
@ -47,10 +66,10 @@
<body> <body>
<div id="MenuLinks"> <div id="MenuLinks">
<ul> <ul>
<li method="GET" dataType="json" contentType="application/x-www-form-urlencoded" url="http://localhost:7050/api/Test/Ping">简单API</li> <li requestMethod="GET" requestContentType="application/x-www-form-urlencoded;charset=UTF-8" requestData="" url="http://localhost:7050/api/Test/Ping">简单API</li>
<li method="GET" dataType="json" contentType="application/x-www-form-urlencoded" url="http://localhost:7050/api/Cors/Ping">全局跨域策略</li> <li requestMethod="GET" requestContentType="application/x-www-form-urlencoded;charset=UTF-8" requestData="" url="http://localhost:7050/api/Cors/Ping">全局跨域策略</li>
<li method="GET" dataType="json" contentType="application/x-www-form-urlencoded" url="http://localhost:7050/api/Cors/NoCors">不允许跨域</li> <li requestMethod="GET" requestContentType="application/x-www-form-urlencoded;charset=UTF-8" requestData="" url="http://localhost:7050/api/Cors/NoCors">不允许跨域</li>
<li method="PUT" dataType="json" contentType="application/x-www-form-urlencoded" url="http://localhost:7050/api/Cors/HasCors">单独明确可以跨域</li> <li requestMethod="PUT" requestContentType="application/json;charset=UTF-8" requestData="{}" url="http://localhost:7050/api/Cors/HasCors">单独明确可以跨域</li>
</ul> </ul>
</div> </div>
<pre id="ContentBox"> <pre id="ContentBox">

Write Preview
Loading…
Cancel
Save