登錄注冊

ASP.NET js 輸出 aspx 頁面內容, 解決 js 跨域請求

發布時間：2020-12-01 05:04 作者：獨孤劍閱讀：1062

實現功能：

實際項目中需要在A站點下的html頁面輸出B站點下的新聞數據，兩個項目站點不在相同域下，因為A站沒有數據操作權限，無法直接獲取，只能通過B站點進行數據返回。

技術難點：

用 js get/post 請求，會有跨域問題

A站：

新建一個 news.aspx 頁面，頁面只保留下面這一段，其余段落刪除

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="news.aspx.cs" Inherits="Output.news" %>

news.aspx 代碼

        protected void Page_Load(object sender, EventArgs e)
        {
            /*
                輸出到html的樣式
                <div id="news">
                    <ul>
                        <li><a href="http://localhost/1.html" target="_blank">標題</a></li>
                        <li><a href="http://localhost/2.html" target="_blank">標題</a></li>
                        <li><a href="http://localhost/3.html" target="_blank">標題</a></li>
                        <li><a href="http://localhost/4.html" target="_blank">標題</a></li>
                        <li><a href="http://localhost/5.html" target="_blank">標題</a></li>
                    </ul>
                </div>
             */

            string content = "";
            content += "<div id=\"news\"><ul>";
            for (int i = 0; i < 10; ++i)
            {
                content += "<li><a href=\"http://localhost/1" + i + ".html\" target=\"_blank\">標題1" + i + "</a></li>";
            }
            content += "</ul></div>";

            Response.Write("document.write('"+ content + "')");
            Response.ContentType = "text/html";
            Response.End();
        }

B站：

新建 index.html 頁面

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>新聞列表</title>
</head>
<body>
    <script src="http://localhost:8102/news.aspx" type="text/javascript"></script>
</body>
</html>

實際訪問測試：

A站網址：http://localhost:8102

B站網址：http://localhost:8103

在瀏覽器中打開B站測試頁