|
实现功能: 实际项目中需要在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站测试页
|