从不同的域加载网页

Load webpage from different domain

本文关键字：加载 网页      更新时间：2023-09-26

我正在 MVC 中创建一个示例项目。假设我有两个项目 A 和 B。在项目 A 中，我有一个 javascript 文件，它获取 project A 的索引页并将其放入 id Widget 的div 中。

project B索引页中，我引用了项目 A 的 javascript 文件和一个 id Widget 的div

。

在页面加载时，我想将Project A's index page加载到Project B's Widget Div.

这是我的代码 

Project A
Index.cshtml (Index view)
@{
ViewBag.Title = "Index";
}  
<h2>Index</h2>
<div id="data">Thi is index page.</div>
Widget.js (JavaScript file)
$(document).ready(function (e) {
$('#widget').load('/Home/Contact', function (response, status, xhr) {
    if (status == "error") {
        var msg = "Sorry but there was an error: ";
        alert(msg + xhr.status + " " + xhr.statusText);
    }
});
};

这是另一个项目

Project B
Index view which call the project A's index view
@{
ViewBag.Title = "Index";
}
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="http://localhost:2455/Scripts/Widget.js"></script>
<div id="widget"></div>
<div>Project B Index</div>

上面的示例代码显示项目 B 的索引视图，而我想显示项目 A 的索引视图

如果没有完整的网址，它将无法按您想要的方式工作。要启用跨域请求，您需要向 web.config 添加 2 个标头 <system.webServer> <httpProtocol> <customHeaders> <add name="access-control-allow-headers" value="content-type"/> <add name="Access-Control-Allow-Origin" value="*"/> </customHeaders> </httpProtocol> <system.webServer> 或者另一种方式是在项目B的联系人控制器中向项目A的控制器发出http请求，然后您将获得项目A控制器的HTML，而没有CORS问题

第二个解决方案是

  1. 向本地控制器发出请求

  2. 在本地控制器对代码的调用中，此代码向某个 url 发出请求，并返回从该 url 检索到的所有内容。

    var html = ""; StreamReader reader = null; WebResponse response = null; try { var request = WebRequest.Create("url of project A controller"); response = request.GetResponse(); var dataStream = response.GetResponseStream(); reader = new StreamReader(dataStream); //here you will get HTML of controller from project A html = reader.ReadToEnd(); } finally { if (reader != null) { reader.Close(); } if (response != null) { response.Close(); } } ViewBag.HTML = html;//And then you can use the HTML inside of current controller, simply put @ViewBag.HTML inside of the div.

相关文章：