前言
在解答这个问题之前，首先简单说一下什么叫做域名。
又称网域、网域名称，是由一串用点分隔的名字组成的Internet上某一台计算机或计算机组的名称，用于在数据传输时标识计算机的电子方位（有时也指地理位置）[1]。internet的核心服务DNS（Domain Name System，网域名称系统，有时也简称为域名)提供域名到IP地址的相映射。以方便用户不用去记机器能识别的IP地址。
接下说说域名的划分。
我们所熟悉的com,gov,edu,cn,hk,us,tw等等这些是顶级域名，一般用来分配给特殊机构或者某个国家用于标识。具体信息请参考文献[1]。在顶级域名下，每个Web网站会到各自国家的域名服务提供商那里去申请域名，申请到的域名就是一级域名（顶级域名），例如：google.com，baidu.com，segmentfault.com等等。在一级域名下，一些大的Web网站一般会根据不同的业务或者功能等，使用不同的子域名即二级域名，例如code.google.com，mail.google.com等等。依此类推，再往下就是三级域名，例如：xxx.xxx.xxx.xxx。一般使用的比较少。说到这，我想你已经可以分辨域名等级了。对于一个url，去掉协议头(例如http://，https://)，相对路径(例如/xxx.htm，/xxx/xxx.htm?a=xxx)，剩下的部分，看有几个'.'，有n个，就是n级域名，没有就是顶级域名。
说了一大堆，进入正题。
內域、外域、跨域都是有一个参照物的概念，必须以某个URL为基准，其他的URL对于其而言是属于內域还是外域。对于同一级域名下的所有URL，都属于一个域。
如以mail.google.com/abc/xxx.htm为基准。
內域：mail.google.com/def/xxx.htm与其属于同一个域，故可以认为是內域。
外域：google.com/abc/xxx.htm与其的域名级别不同，不属于同一个域故可认为是外域。
跨域：跨域更多是用来标识某个跳转的动作。如从一个域下面(mail.google.com/abc/xxx.htm)跳转到另一个域下面(google.com/abc/xxx.htm)，就可以认为是跨域。所以外域标识的两个URL之间的跳转，就是跨域跳转。
由于浏览器在访问Web网站的时候会与Web服务器建立Seesion(这个做Web开发的应该很清楚了吧，如不太清楚请自行google之)，session在浏览器端的保存是通过一个seesionid来维护，而seesionid的作用域是与域名绑定的，不同域名的session是不同的。所以导致了不同域名下的Web站点需要共享某些信息(例如用户的登录信息等)时，就有跨域的问题。通常这是跨域导致的主要问题之一，比较好的解决方案就是SSO。对于跨域还有很多前端的问题：例如JS不能跨域调用等等，由于本人对前端不是十分了解，就不做表述了。下面是几个简单的跨域例子：
1、一级域名不同：google.com与baidu.com
2、一级域名相同，二级域名不同：mail.google.com与code.google.com
3、依此类推，n级域名相同，n+1级域名不同...
问题解决
之道了跨域的来源问题，那么在实际问题中会遇到什么样的问题呢？又该怎么解决？
1，jquery 的getJson方法
$.getJSON("url?jsoncallback=?", function(json){
alert(json.参数);
});2.jsonp 跨域(可参考jQuery ajax函数参数)
$.ajax({
url: http://跨域的dns/document!searchJSONResult.action,
type: "GET",
dataType: 'jsonp',
jsonp: 'jsoncallback',
data: data,
beforeSend: function(){
//jsonp 方式此方法不被触发.原因可能是dataType如果指定为jsonp的话,就已经不是ajax事件了
},
success: function (json) {//客户端jquery预先定义好的callback函数,成功获取跨域服务器上的json数据后,会动态执行这个callback函数
if(json.code!=0){
alert(json.code);
}
},
error: function(xhr){
//jsonp 方式此方法不被触发.原因可能是dataType如果指定为jsonp的话,就已经不是ajax事件了
//请求出错处理
alert("请求出错(请检查相关度网络状况.)");
}
});
3.cookie/session的设置跨域问题
在a.xxx.com设置的session或cookie要在b.xxx.com能用需如下做（只要把域设置到同一个顶级域即可）
在html页面：document.cookie="yd_iden=yd;path=/;domain=xxx.com";
在php页面：setcookie('yd_iden', 'yd', time()+3600, "/", ".xxx.com");
Jsonp原理：
首先在客户端注册一个callback (如:'jsoncallback'), 然后把callback的名字(如:jsonp1236827957501)传给服务器。注意：服务端得到callback的数值后，要用jsonp1236827957501(......)把将要输出的json内容包括起来，此时，服务器生成 json 数据才能被客户端正确接收。
然后以 javascript 语法的方式，生成一个function , function 名字就是传递上来的参数 'jsoncallback'的值 jsonp1236827957501 .
最后将 json 数据直接以入参的方式，放置到 function 中，这样就生成了一段 js 语法的文档，返回给客户端。
客户端浏览器，解析script标签，并执行返回的 javascript 文档，此时javascript文档数据,作为参数，
传入到了客户端预先定义好的 callback 函数(如上例中jquery $.ajax()方法封装的的success: function (json))里.（动态执行回调函数）
可以说jsonp的方式原理上和<script src="http://跨域/...xx.js"></script>是一致的(qq空间就是大量采用这种方式来实现跨域数据交换的) .JSONP是一种脚本注入(Script Injection)行为,所以也有一定的安全隐患.
原理的示例代码:
//客户端的JAVASCRIPT代码
var script=document.createElement("script");
script.src="http://www.pl4cj.com:8888/5/6/action.php?param=123&callback="+fnName;
document.getElementsByTagName("head")[0].appendChild(script)
//服务器端的PHP代码，一定要有callback来进行回调，在这里加上括号，是让它以语句块的方式来进行解析
<?php
<SPAN style="COLOR: #ff00ff">echo $_GET["callback"]."(".json_encode($_GET).");";
</SPAN>?
注意,jquey是不支持post方式跨域的.
js跨域番外篇
javascript跨域访问是web开发者经常遇到的问题，什么是跨域，一个域上加载的脚本获取或操作另一个域上的文档属性，下面将列出三种实现javascript跨域方法:
1.基于iframe实现跨域
基于iframe实现的跨域要求两个域具有aa.xx.com,bb.xx.com这种特点，也就是两个页面必须属于一个基础域（例如都是xxx.com，或是xxx.com.cn），使用同一协议（例如都是 http）和同一端口（例如都是80），这样在两个页面中同时添加document.domain，就可以实现父页面调用子页面的函数，代码如下：
页面一：
- <html>
- <head>
- <script>
- document.domain = "xx.com";
- function aa(){
- alert("p");
- }
- </script>
- </head>
- <body>
- <iframe src="http://localhost:8080/CmsUI/2.html" id="i">
- </iframe>
- <script>
- document.getElementById('i').onload = function(){
- var d = document.getElementById('i').contentWindow;
- d.a();
- };
- </script>
- </body>
- </html>
页面二：
- <html>
- <head>
- <script>
- document.domain = "xx.com";
- function a(){
- alert("c");
- }
- </script>
- </head>
- <body>
- </body>
- </html>
这时候父页面就可以调用子页面的a函数，实现js跨域访问
2.基于script标签实现跨域
script标签本身就可以访问其它域的资源，不受浏览器同源策略的限制，可以通过在页面动态创建script标签，代码如下：
- var script = document.createElement('script');
- script.src = "http://aa.xx.com/js/*.js";
- document.body.appendChild(script);
这样通过动态创建script标签就可以加载其它域的js文件，然后通过本页面就可以调用加载后js文件的函数，这样做的缺陷就是不能加载其它域的文档，只能是js文件，jsonp便是通过这种方式实现的，jsonp通过向其它域传入一个callback参数，通过其他域的后台将callback参数值和json串包装成javascript函数返回，因为是通过script标签发出的请求，浏览器会将返回来的字符串按照javascript进行解析执行，实现了域与域之间的数据传输。
jquery中对jsonp的支持也是基于此方案。
3.后台代理方式
这种方式可以解决所有跨域问题，也就是将后台作为代理，每次对其它域的请求转交给本域的后台，本域的后台通过模拟http请求去访问其它域，再将返回的结果返回给前台，这样做的好处是，无论访问的是文档，还是js文件都可以实现跨域。
7111
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
