js 跨域访问

最新推荐文章于 2018-07-11 16:15:59 发布
最新推荐文章于 2018-07-11 16:15:59 发布
阅读量3.7k 收藏 3
点赞数
分类专栏： ajax跨域 文章标签： javascript xmlhttprequest iframe function scripting button

转帖地址：http://blog.csdn.net/lanmao100/archive/2010/03/22/5404393.aspx

1 ：在一篇文章中看到，与 iframe 不同，如果 A 网站从 B 网站加载 javascript ， A 网站可以自由的访问该 javascript 的内容，并不会被浏览器认为是跨域访问。模仿刚才 iframe 的思路，当用户点击提交时，可以动态创建一个 javascript 对象！
var url  =  'http://localhost:6604/WebSite2/Default.aspx?aa=bb';
var lastScript;
var h=document.getElementsByTagName("head")[0];
function loadScript(url){
var f=document.createElement("script");
var d=new Date().getTime();
f.type="text/javascript";
f.id=d;
f.setAttribute( "src" , url);
document.body.appendChild(f);
//多次点击 删除上次的加载的内容
if(lastScript&&g(lastScript))
    g(lastScript).parentNode.removeChild(g(lastScript));
lastScript=d;
}
function g(x){return document.getElementById(x)};

Default.aspx 输出的必须是 javascript 代码，它可以调用用户网页上的其他 javascript 函数，以及操作 dom 对象。

另外，需要注意的是这种方法中实际用到了 get 方法来提交信息，从一些资料上看到， get 方法每次提交的信息不能超过 2k

2：MSXML2.XMLHTTP 跨域访问【提示无权限访问】解决办法
protected void Page_Load(object sender, EventArgs e)
    {
        if (Request["WEB"] != null)
        {
            Response.Clear();
            //Response.AppendHeader("Content-type", "text/xml;charset=GB2312");
            System.Net.HttpWebResponse rs = (System.Net.HttpWebResponse)System.Net.HttpWebRequest.Create(Request["WEB"]).GetResponse();
            System.IO.StreamReader sr = new System.IO.StreamReader(rs.GetResponseStream(), System.Text.Encoding.Default);
            Response.Write(sr.ReadToEnd());
            Response.End();
        }
    }
Default.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>
    <title>通过JS获取异步数据</title>

    <script language="javascript" type="text/javascript">
        var xmlHttp=null;
        var xmlDom =null;
        var xslDom =null;
       
        function send()
        {
            xmlHttp=new ActiveXObject("MSXML2.XMLHTTP");
            xmlDom =new ActiveXObject("MSXML2.DOMDocument");
           
            //xmlHttp.onreadystatechange=doHttpReadyStateChange;
            xmlHttp.open("POST","/XmlHttp/GetData.aspx?WEB=http://www.163.com",false);
            xmlHttp.send("");
            result=xmlHttp.responseText;
            //alert(result);
//            xmlDom.loadXML(result);
//            items1=xmlDom.selectNodes("//NewDataSet/FriendLink/vc_LinkName");
//            alert(items1.length);
//            for(i=0;i<items1.length;i++)
//            {
//                TextArea1.value+=items1(i).text;
//            }
            document.write(xmlHttp.responseText);
        }
       
        function doHttpReadyStateChange()
        {
            if(xmlHttp.readyState==4)
            {
                TextArea1.value+=xmlHttp.responseText;
            }
        }
    </script>

</head>
<body>
    <input id="Button1" type="button" value="提交" οnclick="send();" />
    <br />
    <br />
    <br />
    <textarea id="TextArea1" style="width: 925px; height: 441px"></textarea>
</body>
</html>

 

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/lanmao100/archive/2010/03/22/5404393.aspx

============

另外一片帖子：http://topic.csdn.net/u/20090525/10/105319d9-2c11-4e95-b74d-e8282ee78a53.html

中zzxap的回复1

1.IFrame方式：这是我们以前常用的一种交互方式，但无法实现像Google Map和51ditu的那么简洁的方式。所以被淘汰。

  2.修改服务器参数或者建立服务器代理，通过它们进行转换。我们服务器平台是Windows的，很遗憾我们不能接受这种方式。

  3.利用个别浏览器提供的跨域方式，或者要求用户手动设置IE安全权限。完全不符合我们开发人员的本性，怎么能把工作丢给用户或依赖其他浏览器呢。

  4.动态Script脚本，可以实现跨域访问，但只支持GET方式和返回XML或者Json格式的数据。虽然跟XMLHttp比较有点弱弱的感觉，但它毕竟符合我们的要求。能够达到我们的目的。而且现在暂时也只能使用这种方式。

  代码很简单：

  1.建立一个Script对象

  var so = document.createElement('SCRIPT');
  2.设置远程调用的另一个域的地址路径给要建立的Script对象.(既可以传递参数也可以是回调Js函数名称[要求服务器端代码开发])

  so.src='http://www.xxx.com/xxx.aspx?xxxx';

  3.动态建立Script对象。（你可以在body和head中创建）

  document.body.appendChild(so);

  OK！

  这是两个关于跨域问题解决方法的精华帖子

  http://juliet.javaeye.com/blog/180011

  
  http://book.csdn.net/bookfiles/272/10027212025.shtml

 

zzxap的回复2

 

JavaScript Ajax 跨域
最近做的一个项目中需要ajax跨域取得数据,如果是在本域中确实没有问题，但是放到二级域和其他域下浏览器直接就弹出提示框:“该页正在


1.什么引起了ajax跨域不能的问题
ajax本身实际上是通过XMLHttpRequest对象来进行数据的交互，而浏览器出于安全考虑，不允许js代码进行跨域操作，所以会警告。
2.有什么完美的解决方案么？
没有。解决方案有不少，但是只能是根据自己的实际情况来选择。

具体情况有:
一、本域和子域的相互访问: www.aa.com和book.aa.com
二、本域和其他域的相互访问: www.aa.com和www.bb.com 用 iframe
三、本域和其他域的相互访问: www.aa.com和www.bb.com 用 XMLHttpRequest访问代理
四、本域和其他域的相互访问: www.aa.com和www.bb.com 用 JS创建动态脚本 


解决方法：
一、如果想做到数据的交互，那么www.aa.com和book.aa.com必须由你来开发才可以。可以将book.aa.com用iframe添加到www.aa.com的某个页面下,在www.aa.com和iframe里面都加上document.domain = "aa.com"，这样就可以统一域了，可以实现跨域访问。就和平时同一个域中镶嵌iframe一样，直接调用里面的JS就可以了。（这个办法我没有尝试，不过理论可行）


二、当两个域不同时,如果想相互调用，那么同样需要两个域都是由你来开发才可以。用iframe可以实现数据的互相调用。解决方案就是用window.location对象的hash属性。hash属性就是http://domian/web/a.htm#dshakjdhsjka里面的#dshakjdhsjka。利用JS改变hash值网页不会刷新，可以这样实现通过JS访问hash值来做到通信。不过除了IE之外其他大部分浏览器只要改变hash就会记录历史，你在前进和后退时就需要处理，非常麻烦。不过再做简单的处理时还是可以用的，具体的代码我再下面有下载。大体的过程是页面a和页面b在不同域下,b通过iframe添加到a里，a通过JS修改iframe的hash值，b里面做一个监听（因为JS只能修改hash，数据是否改变只能由b自己来判断），检测到b的hash值被修改了，得到修改的值，经过处理返回a需要的值，再来修改a的hash值（这个地方要注意，如果a本身是那种查询页面的话比如http://domian/web/a.aspx?id=3,在b中直接parent.window.location是无法取得数据的，同样报没有权限的错误，需要a把这个传过来，所以也比较麻烦），同样a里面也要做监听，如果hash变化的话就取得返回的数据，再做相应的处理。


三、这种情形是最经常遇到的，也是用的最多的了。就是www.aa.com和www.bb.com你只能修改一个，也就是另外一个是别人的，人家告诉你你要取得数据就访问某某连接参数是什么样子的，最后返回数据是什么格式的。而你需要做的就是在你的域下新建一个网页，让服务器去别人的网站上取得数据，再返回给你。domain1下的a向同域下的GetData.aspx请求数据，GetData.aspx向domain2下的ResponseData.aspx发送请求,ResponseData.aspx返回数据给GetData.aspx, GetData.aspx再返回给a,这样就完成了一次数据请求。GetData.aspx在其中充当了代理的作用。具体可以看下我的代码。


四、这个和上个的区别就是请求是使用<script>标签来请求的，这个要求也是两个域都是由你来开发才行。原理就是JS文件注入，在本域内的a内生成一个JS标签，它的SRC指向请求的另外一个域的某个页面b，b返回数据即可，可以直接返回JS的代码。因为script的src属性是可以跨域的。具体看代码，这个也比较简单。

code:
http://www.live-share.com/files/300697/Cross_The_Site_Test_code.rar.html
(csdn不能粘贴附件么？)

总结：
第一种情况：域和子域的问题，可以完全解决交互。
第二种情况：跨域，实现过程非常麻烦，需要两个域开发者都能控制，适用于简单交互。
第三种情况：跨域，开发者只控制一个域即可，实现过程需要增加代理取得数据，是常用的方式。
第四种情况：跨域，两个域开发者都需要控制，返回一段js代码。

PS:代码自己按照情况修改即可。

这是拿别人的参考链接，老美的文章比较多。

1. Security Considerations: Dynamic HTML
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/sec_dhtml.asp 

2. About Cross-Frame Scripting and Security
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/om/xframe_scripting_security.asp 

3. Cross-Domain Proxy
http://ajaxpatterns.org/Cross-Domain_Proxy 

4. Cross Domain XMLHttpRequest using an IFrame Proxy
http://manual.dojotoolkit.org/WikiHome/DojoDotBook/Book75 

5. Back Button Support for Atlas UpdatePanels
http://www.nikhilk.net/BackButtonSupport.aspx 

6. Cross-document messaging hack
http://blog.monstuff.com/archives/000304.html 

7. Building Mash-ups with "Atlas"
http://atlas.asp.net/docs/Walkthroughs/DevScenarios/bridge.aspx 

8. Calling web services hosted outside of your application with “Atlas”
http://blogs.msdn.com/federaldev/archive/2006/07/31/684229.aspx 

http://www.federaldeveloper.com/Shared%20Documents/Presentations%20by%20Marc

20Schweigert/CallAtlasWebServiceInDifferentProject.zip 

9. AJAX Tip: Passing Messages Between iframes 
http://www.25hoursaday.com/weblog/PermaLink.aspx?guid=3b03cf9d-b589-4838-806e-64efcc0a1a15 

10. OSCON Cross-site Ajax Slides
http://blog.plaxo.com/archives/2006/07/oscon_crosssite.html 

http://www.plaxo.com/css/api/Joseph-Smarr-Plaxo-OSCON-2006.ppt 

11. OSCON 2006: Cross-site Ajax
http://www.sitepoint.com/blogs/2006/07/28/oscon-2006-cross-site-ajax/

zzxap的回复3

1 ：在一篇文章中看到，与 iframe 不同，如果 A 网站从 B 网站加载 javascript ， A 网站可以自由的访问该 javascript 的内容，并不会被浏览器认为是跨域访问。模仿刚才 iframe 的思路，当用户点击提交时，可以动态创建一个 javascript 对象！
var url = 'http://localhost:6604/WebSite2/Default.aspx?aa=bb';
var lastScript;
var h=document.getElementsByTagName("head")[0];
function loadScript(url){
var f=document.createElement("script");
var d=new Date().getTime();
f.type="text/javascript";
f.id=d;
f.setAttribute( "src" , url); 
document.body.appendChild(f); 
//多次点击 删除上次的加载的内容
if(lastScript&&g(lastScript))
  g(lastScript).parentNode.removeChild(g(lastScript));
lastScript=d;
}
function g(x){return document.getElementById(x)};

Default.aspx 输出的必须是 javascript 代码，它可以调用用户网页上的其他 javascript 函数，以及操作 dom 对象。

另外，需要注意的是这种方法中实际用到了 get 方法来提交信息，从一些资料上看到， get 方法每次提交的信息不能超过 2k 

2：MSXML2.XMLHTTP 跨域访问【提示无权限访问】解决办法 
protected void Page_Load(object sender, EventArgs e)
  {
  if (Request["WEB"] != null)
  {
  Response.Clear();
  //Response.AppendHeader("Content-type", "text/xml;charset=GB2312");
  System.Net.HttpWebResponse rs = (System.Net.HttpWebResponse)System.Net.HttpWebRequest.Create(Request["WEB"]).GetResponse();
  System.IO.StreamReader sr = new System.IO.StreamReader(rs.GetResponseStream(), System.Text.Encoding.Default);
  Response.Write(sr.ReadToEnd());
  Response.End();
  }
  }
Default.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>
  <title>通过JS获取异步数据</title>

  <script language="javascript" type="text/javascript">
  var xmlHttp=null;
  var xmlDom =null;
  var xslDom =null;
   
  function send()
  {
  xmlHttp=new ActiveXObject("MSXML2.XMLHTTP");
  xmlDom =new ActiveXObject("MSXML2.DOMDocument");
   
  //xmlHttp.onreadystatechange=doHttpReadyStateChange;
  xmlHttp.open("POST","/XmlHttp/GetData.aspx?WEB=http://www.163.com",false);
  xmlHttp.send("");
  result=xmlHttp.responseText;
  //alert(result);
// xmlDom.loadXML(result);
// items1=xmlDom.selectNodes("//NewDataSet/FriendLink/vc_LinkName");
// alert(items1.length);
// for(i=0;i<items1.length;i++)
// {
// TextArea1.value+=items1(i).text;
// }
  document.write(xmlHttp.responseText);
  }
   
  function doHttpReadyStateChange()
  {
  if(xmlHttp.readyState==4)
  {
  TextArea1.value+=xmlHttp.responseText;
  }
  }
  </script>

</head>
<body>
  <input id="Button1" type="button" value="提交" οnclick="send();" />
  <br />
  <br />
  <br />
  <textarea id="TextArea1" style="width: 925px; height: 441px"></textarea>
</body>
</html>
转自（http://www.cnblogs.com/aspxcsharp/archive/2007/08/15/857003.html）

=======

 

 

yixinpai
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue.js入门（24）路由和Http
yiyiyixin的博客
05-21 660
我们之前实现的页面跳转，都是通过&lt;a&gt;标签来进行页面跳转的路由所实现的功能是一样的，只是a标签要一直刷新请求，而路由是直接跳转到页面去，更加优化要使用路由，首先要安装路由模块...
JS另类跨域调用，突破浏览器限制的妙招！
yyhjava的专栏
09-17 1640
JS另类跨域调用，突破浏览器限制的妙招！ 在做公司项目，攻关问题一个接一个，最近又碰到了一个麻烦问题，尝试了几种方法都没有解决！ 这就是传说中的JS跨域调用问题 问题背景 我们做的是OA办公系统，周边还有一些外围产品，包括CMS、即时消息工具等等！现在要解决的问题就是要将新改版的CMS无缝接入OA办公系统，实现一站式办公，网站信息发布人员根本不需要进入CMS后台，直
js跨域访问:js变量作用域
yixinpai的专栏
11-26 2095
转帖地址：http://hi.baidu.com/xxq8210/blog/item/f9d82424d77dad0b4d088dbc.htmljs跨域访问:js变量作用域2009-09-12 17:14每一种语言都有变量的概念，变量是用来存储信息的一个元素。比如下面这个函数：<br /><br />1function Student(name,age,from)<br />2{<br />3 this.name = name;<br />4 this.age = age;<br />5 this.from
vue.js补充
yiyiyixin的博客
05-22 415
1.name是什么，调用的标签名就是name名2.对于p标签的内容也可以写成&lt;p v-text="sendmessage"&gt;&lt;/p&gt;3.placeholder：placeholder 属性提供可描述输入字段预期值的提示信息（hint），该提示会在输入字段为空时显示，并会在字段获得焦点时消失。4.之前我们讲过出栈，也就是删除一个数组是用pop（），现在来讲讲添加进入数组pus...
vue.js入门（13）实战demo
yiyiyixin的博客
05-18 1336
//index.html&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;link rel="stylesheet" type="text/cs
Javascript 跨域访问解决方案
10-30
JavaScript跨域访问解决方案详解 由于浏览器的同源策略（Same-Origin Policy），JavaScript通常只能访问与当前页面同源（协议、域名、端口均相同）的资源，以防止恶意脚本跨域窃取数据。然而，在实际开发中，我们...
js跨域访问后台
08-29
文档内容详细，只需要负责粘贴，并替换url即可使用
JS跨域访问
04-20
NULL 博文链接：https://orange5458.iteye.com/blog/1901785
js实现跨域访问的三种方法
01-19
javascript跨域访问是web开发者经常遇到的问题，什么是跨域，一个域上加载的脚本获取或操作另一个域上的文档属性，下面将列出三种实现javascript跨域方法: 1.基于iframe实现跨域 基于iframe实现的跨域要求两个域...
js跨域访问示例(客户端/服务端)
10-25
有关跨域访问的的文章，可以搜到很多，基本上大同小异，下面有个不错的访问示例，大家可以参考下
vue.js入门（5）事件绑定
yiyiyixin的博客
05-14 428
//index.html&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;script src="https://cdn.jsdelivr.net/npm/vue@
js day（3）各种小样例
yiyiyixin的博客
07-11 187
一、图片隐藏（点击图片可选择是否显示该图片）    五、滑过被隐藏的图片也仍然显示图片二、模拟相册（点击哪个图片，呈现哪个图片在大屏幕上）    六、滑过哪个图片，呈现哪个图片在大屏幕上    七、点击哪个图片，哪个图片变成背景（如果想让div和浏览器没有距离，要自己设置一下margin，marg默认值不是0.调用body标签可以直接使用document.body）    PS：由于同步异步问题，...
解决JS 跨域调用数据的问题
py_tamir的博客
07-07 710
1、什么是跨域域指的是域名，跨域有三种情况：1&gt;域名不同，2&gt;域名相同，端口不同，3&gt;ip不同2、JS 访问数据特性为了数据信息安全，JS限制跨域直接访问数据。例如：在portal中不能使用ajax直接调用rest服务。3、解决跨域调用数据的问题方案：使用jsonp4、jsonp 的原理jsonp 解决跨域流程：1&gt;在JS中不能跨域请求数据，但是可以跨域请求JS片段/代码;...
微信浏览器无法自动播放音乐
徐向博
12-28 1461
微信/易信内无法自动播放音乐解决办法：给音乐对象绑定WeixinJSBridgeReady / YixinJSBridgeReady事件即可。 function audioAutoPlay(id){ var audio = document.getElementById(id); audio.play(); document.addEventListener...
duilib WebBrowser控件执行javascript（js）
sunflover454的专栏
03-06 2454
执行js务必在网页加载完成时执行，示例代码片段如下： void CWebWnd::NavigateComplete2(CWebBrowserUI* pWeb, IDispatch *pDisp,VARIANT *&url) { CDuiString strUrl(url->bstrVal); // execute js start IWebBrowser2 *pIWebBrowser2
vue.js入门（10）动态绑定css样式
yiyiyixin的博客
05-17 5421
//index.html&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;link rel="stylesheet" type="text/cs
vue.js入门（18）组件嵌套
yiyiyixin的博客
05-20 779
养成一个习惯，components下的组件，首字母都大写，组件名是什么，class名，name名就是什么这个时候写好User.vue文件&lt;template&gt; &lt;div class="user"&gt; &lt;ul&gt; &lt;li v-for:"user in user"&gt;{{ user }}&lt;/li&gt; &lt;/u
vue.js入门（el，data）
yiyiyixin的博客
05-13 2460
//index.html&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;script src="https://cdn.jsdelivr.net/npm/vue@
网易webapp 通过js计算html的font-size
pjwan的专栏
04-20 3380
//设计稿宽度为 750px，取一个100px的font-size为参照,设备宽度就可以设置为 7.5rem;//计算rem就可以直接除以100，如：100px = 1rem var Dpr = 1, uAgent = window.navigator.userAgent; var isIOS = uAgent.match(/iphone/i); var isY
js 跨域访问给出示例
最新发布
06-10
好的，下面给您提供一个简单的跨域访问的示例： 假设有两个网站：a.com 和 b.com，现在在 a.com 上需要访问 b.com 上的数据，但是由于跨域的限制，直接访问是不允许的。 1. 在 b.com 上设置允许跨域访问的 header ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值