添加翊桐测试页面

整理优化文件
4 years ago · a30853f7be
parent 13eb4069fe
commit a30853f7be
7 changed files with 138 additions and 210 deletions
--- a/CorsClient/CorsClient/wwwroot/ETone.html
+++ b/CorsClient/CorsClient/wwwroot/ETone.html
@ -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>
--- a/CorsClient/CorsClient/wwwroot/GetToken.html
+++ b/CorsClient/CorsClient/wwwroot/GetToken.html
@ -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>
--- a/CorsClient/CorsClient/wwwroot/Index.html
+++ b/CorsClient/CorsClient/wwwroot/Index.html
@ -14,8 +14,13 @@
                var ajaDataType = $(this).attr("responseDataType");
                var ajaxRequestData = $(this).attr("requestData");
                if (ajaxContentType.indexOf("json") > 0) {
-                    var jsonData = JSON.parse(ajaxRequestData)
+                    if (ajaxRequestData == "") {
-                    ajaxRequestData = JSON.stringify(jsonData);
+                        ajaxRequestData = "";
                    }
                    else {
                        var jsonData = JSON.parse(ajaxRequestData)
                        ajaxRequestData = JSON.stringify(jsonData);
                    }
                };
                $.ajax({
                    //请求方法
--- a/CorsClient/CorsClient/wwwroot/JianHang.html
+++ b/CorsClient/CorsClient/wwwroot/JianHang.html
@ -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>
--- a/CorsClient/CorsClient/wwwroot/OtherWebDemo.html
+++ b/CorsClient/CorsClient/wwwroot/OtherWebDemo.html
@ -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>
--- a/CorsClient/CorsClient/wwwroot/SetCookie.html
+++ b/CorsClient/CorsClient/wwwroot/SetCookie.html
@ -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>
--- a/CorsClient/CorsClient/wwwroot/favicon.ico
+++ b/CorsClient/CorsClient/wwwroot/favicon.ico