javascript - Load webpage from different domain -

i creating sample project in mvc. suppose have 2 projects , b. in project have javascript file takes index page of project a , put in div having id widget.

in project b index page have reference javascript file of project , div id widget.

on page load want load project a's index page project b's widget div.

here code

project  index.cshtml (index view)  @{ viewbag.title = "index"; }   <h2>index</h2> <div id="data">thi 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 there error: ";         alert(msg + xhr.status + " " + xhr.statustext);     } }); }; 

here project

project b  index view call 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> 

above sample code display index view of project b while want display index view of project a

without full url not work way want. enable cross domain request need add 2 headers web.configs <system.webserver> <httpprotocol> <customheaders> <add name="access-control-allow-headers" value="content-type"/> <add name="access-control-allow-origin" value="*"/> </customheaders> </httpprotocol> <system.webserver> or other way in contact controller of project b make http request controller of project a, html of controller of project without cors issue

the second solution is

1. make request local controller

2. in local controller call code bellow, code makes request url , returns retrieved url.

   var html = ""; streamreader reader = null; webresponse response = null; try { var request = webrequest.create("url of project controller"); response = request.getresponse(); var datastream = response.getresponsestream(); reader = new streamreader(datastream); //here html of controller project html = reader.readtoend(); } { if (reader != null) { reader.close(); } if (response != null) { response.close(); } } viewbag.html = html;//and can use html inside of current controller, put @viewbag.html inside of div.