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

添加翊桐测试页面

Browse Source 
整理优化文件
master
bicijinlian 4 years ago
parent 13eb4069fe
commit a30853f7be
7 changed files with 138 additions and 210 deletions
Show Stats Download Patch File Download Diff File

131
CorsClient/CorsClient/wwwroot/ETone.html
Unescape Escape View File

@ -0,0 +1,131 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>CORS跨域 客户端</title>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<script type="text/javascript" src="Scripts/jquery-1.10.2.js"></script>
<script type="text/javascript" src="Scripts/jquery.cookie.js"></script>
<script>
$(function () {
var apiBaseUrl = "http://47.103.96.35:8091";
//var apiBaseUrl = "http://localhost:8081";
var token = "";
$.ajax({
//请求方法
type: "Post",
//请求地址
url: apiBaseUrl + "/api/Account/Login",
//服务器响应数据格式
dataType: "json",
//请求数据格式
contentType: "application/json;charset=UTF-8",
//请求数据
data: JSON.stringify({ "userName": "wanggaofeng", "userPassword": "213464", "project": "PFYH", "clientType": 0 }),
//请求前
beforeSend: function (xhr) {
$("#ContentBox").html("请求Tokne中...");
},
//请求成功
success: function (jsonData) {
if (jsonData.status == 0) {
token = jsonData.data[0].token;
$("#ContentBox").text("请求token成功");
}
else {
token = jsonData.data.token;
$("#ContentBox").text("请求token失败，后续操作不能进行！");
}
},
//请求失败
error: function (xhr, status, error) {
$("#ContentBox").html("请求Token错误" + error);
},
//请求完成
complete: function (xhr, status) {
}
});
$("#MenuLinks li").click(function () {
var ajaxUrl = apiBaseUrl + $(this).attr("url");
var ajaxMethod = $(this).attr("requestMethod");
var ajaxContentType = $(this).attr("requestContentType");
var ajaDataType = $(this).attr("responseDataType");
var ajaxRequestData = $(this).attr("requestData");
if (ajaxContentType.indexOf("json") > 0) {
if (ajaxRequestData == "") {
ajaxRequestData = "";
}
else {
var jsonData = JSON.parse(ajaxRequestData)
ajaxRequestData = JSON.stringify(jsonData);
}
};
$.ajax({
//请求方法
type: ajaxMethod,
//请求地址
url: ajaxUrl,
//服务器响应数据格式
dataType: ajaDataType,
//请求数据格式
contentType: ajaxContentType,
//请求数据
data: ajaxRequestData,
//请求前
beforeSend: function (xhr) {
xhr.setRequestHeader("Authorization", token);
//jquery自动设置Origin标头，拒绝自定义Origin标头
//xhr.setRequestHeader("Origin", "http://47.103.96.35:8092");
$("#ContentBox").html("请求中...");
},
//请求成功
success: function (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) {
$("#ContentBox").html("请求错误" + error);
},
//请求完成
complete: function (xhr, status) {
}
});
});
});
</script>
</head>
<body>
<div id="MenuLinks">
<ul>
<li requestMethod="GET" requestContentType="application/json; charset=utf-8" requestData="" url="/api/Menu/GetRoleProjectMenu">获取角色菜单</li>
</ul>
</div>
<pre id="ContentBox">
默认内容
</pre>
</body>
</html>

42
CorsClient/CorsClient/wwwroot/GetToken.html
Unescape Escape View File

@ -1,42 +0,0 @@
<html>
<head>
<title>demo</title>
<script src="Scripts/jquery-1.10.2.js"></script>
<script>
$(function () {
var token = "";
$.ajax({
type: "POST",
url: "http://47.102.46.73:8081/api/Account/Login",
dataType: "json",
contentType: "application/json",
data: JSON.stringify({ "userName": "wanggaofeng", "userPassword": "213464", "project": "HAYY", "role": "", "clientType": 1 }),
success: function (jsonData) {
token = jsonData.data[0].token;
$.ajax({
type: "GET",
url: "http://47.102.46.73:8081/api/Elevator/GetOverView?sys=5",
dataType: "json",
contentType: "application/json",
//方法一
headers: {},
//方法二
beforeSend: function (request) {
request.setRequestHeader("Authorization", "Bearer " + token);
},
success: function (jsonData) {
var text = JSON.stringify(jsonData);
$("#JsonShow").html(text);
}
});
}
});
});
</script>
</head>
<bod>
<div id="App">
<pre id="JsonShow"></pre>
</div>
</bod>
</html>

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

@ -14,8 +14,13 @@
var ajaDataType = $(this).attr("responseDataType");
var ajaxRequestData = $(this).attr("requestData");
if (ajaxContentType.indexOf("json") > 0) {
var jsonData = JSON.parse(ajaxRequestData)
ajaxRequestData = JSON.stringify(jsonData);
if (ajaxRequestData == "") {
ajaxRequestData = "";
}
else {
var jsonData = JSON.parse(ajaxRequestData)
ajaxRequestData = JSON.stringify(jsonData);
}
};
$.ajax({
//请求方法

54
CorsClient/CorsClient/wwwroot/JianHang.html
Unescape Escape View File

@ -1,54 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>iFrame Tab Demo</title>
<script type="text/javascript" src="Scripts/jquery-1.10.2.js"></script>
<script type="text/javascript" src="Scripts/jquery.cookie.js"></script>
<script>
$(function () {
var token = "";
$("#MenuLinks li").click(function () {
var ajaxUrl = $(this).attr("url");
$("#myframe").attr("src", ajaxUrl);
});
$("#LoinLinks li").click(function () {
$.ajax({
type: "POST",
url: "http://ys.jxing.com.cn:8081/jxserver/a/login",
dataType: "html",
contentType: "form-data",
crossDomain: true,
data: $({ "username": "admin", "password": "KlVIQnZmcjQ=" }).serialize(),
success: function (jsonData) {
//alert(jsonData);
},
error: function (jqXHR, textStatus, errorThrown) {
alert("远程错误，状态：" + textStatus + " 错误信息：" + errorThrown);
}
});
});
});
</script>
</head>
<body>
<div id="MenuLinks">
<ul>
<li url="http://ys.jxing.com.cn:8081/jxserver/a/equip/dbEquipList/typeIndex">建行科技:设备台帐</li>
<li url="https://www.hao123.com?yy=y4&xx=qqqqq">好123</li>
<li url="https://www.360.com">360</li>
<li url="https://www.qq.com">QQ</li>
</ul>
</div>
<div id="LoinLinks">
<ul>
<li url="">登陆建行</li>
</ul>
</div>
<div id="iframeContent">
<iframe id="myframe" width="100%" height="800" frameBorder="0" src="http://ys.jxing.com.cn:8081/jxserver/a/login" scrolling="yes" sandbox="allow-forms allow-modals allow-orientation-lock allow-pointer-lock allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-top-navigation"></iframe>
</div>
</body>
</html>

34
CorsClient/CorsClient/wwwroot/OtherWebDemo.html
Unescape Escape View File

@ -1,34 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>iFrame Tab Demo</title>
<script type="text/javascript" src="Scripts/jquery-1.10.2.js"></script>
<script type="text/javascript" src="Scripts/jquery.cookie.js"></script>
<script>
$(function () {
$("#MenuLinks li").click(function () {
var ajaxUrl = $(this).attr("url");
$("#myframe").attr("src", ajaxUrl);
});
$("#MenuLinks li[set]").click();
$("#MenuLinks li:first").click();
});
</script>
</head>
<body>
<div id="MenuLinks">
<ul>
<li url="http://localhost:23025/Content.html">内容页</li>
<li url="https://www.hao123.com">好123</li>
<li url="https://www.360.com">360</li>
<li url="https://www.qq.com">QQ</li>
<li set="true" url="http://localhost:23025/SetCookie.html">设置Cookie</li>
</ul>
</div>
<div id="iframeContent">
<iframe id="myframe" width="100%" height="800" frameBorder="0" src="http://localhost:23025/Content.html" scrolling="yes"></iframe>
</div>
</body>
</html>

78
CorsClient/CorsClient/wwwroot/SetCookie.html
Unescape Escape View File

@ -1,78 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>设置登陆相关的Cookie</title>
</head>
<body>
<div id="ShowBox">
正在设置登陆Cookie信息 ......
</div>
<script>
var cookie = {
set: function (key, val, time) {//设置cookie方法
var date = new Date(); //获取当前时间
var expiresDays = time; //将date设置为n天以后的时间
date.setTime(date.getTime() + expiresDays * 24 * 3600 * 1000); //格式化为cookie识别的时间
//设置cookie
document.cookie = key + "=" + val + ";expires=" + date.toGMTString() + ";domain=47.103.96.35;path=/";
// https可以添加 SameSite=None;secure; 以完成iframe跨域cookie(非https单独设置SameSite=None无效) 如下
//document.cookie = key + "=" + val + ";expires=" + date.toGMTString() + ";domain=47.103.96.35;path=/;SameSite=None;secure;";
},
/*获取cookie参数*/
get: function (key) {//获取cookie方法
var getCookie = document.cookie.replace(/[ ]/g, ""); //获取cookie，并且将获得的cookie格式化，去掉空格字符
var arrCookie = getCookie.split(";") //将获得的cookie以"分号"为标识 将cookie保存到arrCookie的数组中
var tips; //声明变量tips
for (var i = 0; i < arrCookie.length; i++) { //使用for循环查找cookie中的tips变量
var arr = arrCookie[i].split("="); //将单条cookie用"等号"为标识，将单条cookie保存为arr数组
if (key == arr[0]) { //匹配变量名称，其中arr[0]是指的cookie名称，如果该条变量为tips则执行判断语句中的赋值操作
tips = arr[1]; //将cookie的值赋给变量tips
break; //终止for循环遍历
}
};
return tips;
},
delete: function (key) {//删除cookie方法
//获取当前时间
var date = new Date();
//将date设置为过去的时间
date.setTime(date.getTime() - 10000);
//设置cookie
document.cookie = key + "=v; expires =" + date.toGMTString();
}
};
function getUrlParam(name)
{
//构造一个含有目标参数的正则表达式对象
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
//匹配目标参数
var r = window.location.search.substr(1).match(reg);
//返回参数值
if (r!=null) return unescape(r[2]); return null;
};
//Url获取参数
var cookieInfo = { "AIOT_Project": "", "AIOT_Name": "", "AIOT_Token": "" };
cookieInfo.AIOT_Project = getUrlParam("AIOT_Project");
cookieInfo.AIOT_Name = getUrlParam("AIOT_Name");
cookieInfo.AIOT_Token = getUrlParam("AIOT_Token");
//写Cookie
cookie.set("AIOT_Project", cookieInfo.AIOT_Project, 1);
cookie.set("AIOT_Name", cookieInfo.AIOT_Name, 1);
cookie.set("AIOT_Token", cookieInfo.AIOT_Token, 1);
document.getElementById("ShowBox").innerHTML="设置登陆Cookie信息，完成！";
</script>
</body>
</html>

BIN
CorsClient/CorsClient/wwwroot/favicon.ico
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB

Write Preview
Loading…
Cancel
Save