js跨域取数据功能的实现
ajax 跨域实现 前两天xz问我知不知道ajax怎么实现跨域调用，因为没听过这个概念，所以也知道怎么实现。xz说ajax跨域调用有几种方式，一种是iframe的方式，通过设置document.domain来实现，一种则是通过设置jsonp来实现。这两天查了一下资料，也写了几个demo，下面备忘一下。
我在本地建了三个站点,并设置了host文件模拟跨子域和跨全域
coolkissbh.com
blog.coolkissbh.com
coolkiss.com
一 、ajax 跨域调用会有什么问题
coolkissbh.com下页面使用jquery的$.get调用blog.coolkissbh.com页面
跨域请求，IE 7和8下报 access denied错误
IE 6.0 则弹出 this page is accessing information that is not under its control. this poses a security risk.do you want to continue?提示框
firefox 没报错，但是不会做出请求
二、ajax跨域实现方法
1、跨子域实现ajax
要求：实现coolkissbh.com的页面 异步请求 blog.coolkissbh.com下的页面
实现方法：借助iframe，通过设置iframe的src属性，嵌入blog.coolkissbh.com下的一个页面，比如AjaxProxy.aspx,然后由该页面去请求Ajax
AjaxProxy请求完毕后，通过parent对象把返回的数据回传给coolkissbh.com的主页面。因此，真正的异步请求还是发生
在blog.coolkissbh.com的域名下
注意：通过这种方法实现的跨子域ajax请求，需要在coolkissbh.com的请求页面以及AjaxProxy.aspx页面中设置同样的域名，也就是
document.domain = "coolkissbh.com";
注意：关于设置domain的问题，如果是跨全域，使用上面方法时候，firefox下会提示
Illegal document.domain value" code: "1009的错误，因此跨全域只能使用第二种方法
处理返回的数据：
AjaxProxy.aspx将ajax返回的数据保存到一个全局变量中，coolkissbh.com通过setInterval定时去判断iframe的页面是否加载完成
如果加载完成，则获取AjaxProxy.aspx的全局变量值。然后再做其它处理。
这里有个问题：我原来是打算在AjaxProxy.aspx的ajax请求完成后，调用parent的方法，同时将数据返回，但是在IE下，点击第一次时候
就会出现“permission denied”的错误,再次点击就正常了。在firefox下就没有问题，不知道是什么原因。
2，跨全域实现ajax
要求：实现coolkissbh.com的页面异步请求coolkiss.com下的页面
实现方法：上面提到跨全域不能通过设置domain方法来实现。但是可以使用script标签来实现，通过设置script标签的src属性为coolkiss.com域名
下的一个页面，同时将callback函数传到该页面中，例如：
RequestAjax_CrossSite = function() {
var obj = $("#crossSitePage");
obj.attr("src", "http://coolkiss.com/CrossSite.aspx?callback=handleData3");
}
handleData3 = function(data) {
$("#ResponseData").html(data);
}
CrossSite.aspx返回一个字符串，将返回的数据回传给callback，执行回调函数，实现ajax，例如：
Response.Clear();
Response.Write(string.Format("{0}('{1}')", Request["callback"], responseData));
Response.End();
注意：这种方法同样可以用于处理跨子域ajax的问题，但是就无法像jquery那样获取ajax调用的各个状态
3，通过jquery的jsonp实现跨域ajax，其实原理跟第二种方法是一样的，支持跨全域和子域
jquery 1.2 后添加了对跨域ajax的调用，也就是$.getJSON 函数
调用方法如下:
下面是coolkissbh.com下的页面
//使用jsonp实现跨全域
RequestAjax_JSONP = function() {
var obj = $("#crossSitePage");
$.getJSON("http://coolkiss.com/CrossSite.aspx?callback=?&t=" + Math.random(), function(data) {
//alert(data);
$("#ResponseData").html(data.content);
});
}
coolkiss.com后台处理代码，将一个json对象传递给callback：
public partial class CrossSite : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
LoadData_JSONP();
}
}
protected void LoadData_JSONP()
{
string responseData = "{content:/"hello world from coolkiss.com/"}";
if (Request["callback"] != null && !string.IsNullOrEmpty(Request["callback"]))
{
Response.Clear();
Response.Write(string.Format("{0}({1})", Request["callback"], responseData));
Response.End();
}
}
}
callback=? 其中？会自动替换为function(data)函数。
----------------------------------------------------------------------------------------------------------------------------------
JavaScript是一种在Web开发中经常使用的前端动态脚本技术。在JavaScript中，有一个很重要的安全性限制，被称为“Same-Origin Policy”（同源策略）。这一策略对于JavaScript代码能够访问的页面内容做了很重要的限制，即JavaScript只能访问与包含它的文档在同一域下的内容。
JavaScript这个安全策略在进行多iframe或多窗口编程、以及Ajax编程时显得尤为重要。根据这个策略，在baidu.com下的页面中包含的JavaScript代码，不能访问在google.com域名下的页面内容；甚至不同的子域名之间的页面也不能通过JavaScript代码互相访问。对于Ajax的影响在于，通过XMLHttpRequest实现的Ajax请求，不能向不同的域提交请求，例如，在abc.example.com下的页面，不能向def.example.com提交Ajax请求，等等。
然而，当进行一些比较深入的前端编程的时候，不可避免地需要进行跨域操作，这时候“同源策略”就显得过于苛刻。本文就这个问题，概括了跨域所需要的一些技术。
下面我们分两种情况讨论跨域技术：首先讨论不同子域的跨域技术，然后讨论完全不同域的跨域技术。
（一）不同子域的跨域技术。
我们分两个问题来分别讨论：第一个问题是如何跨不同子域进行JavaScript调用；第二个问题是如何向不同子域提交Ajax请求。
先来解决第一个问题，假设example.com域下有两个不同子域：abc.example.com和def.example.com。现在假设在def.example.com下面有一个页面，里面定义了一个JavaScript函数：
function funcInDef() {
.....
}
我们想在abc.example.com下的某个页面里调用上面的函数。再假设我们要讨论的abc.example.com下面的这个页面是以iframe形式嵌入在def.example.com下面那个页面里的，这样我们可能试图在iframe里做如下调用：
window.top.funcInDef();
好，我们注意到，这个调用是被前面讲到的“同源策略”所禁止的，JavaScript引擎会直接抛出一个异常。
为了实现上述调用，我们可以通过修改两个页面的domain属性的方法做到。例如，我们可以将上面在abc.example.com和def.example.com下的两个页面的顶端都加上如下的JavaScript代码片段：
<script type="text/javascript">
document.domain = "example.com";
</script>
这样，两个页面就变为同域了，前面的调用也可以正常执行了。
这里需要注意的一点
补充：web前端 , JavaScript ,
