Ajax 跨域如何实现
184 浏览量
2020-12-12
14:34:40
上传
评论
收藏 65KB PDF 举报
Ajax 跨域如何实现跨域如何实现
ajax简介简介
AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。
AJAX = 异步 JavaScript和XML（标准通用标记语言的子集）。
AJAX 是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对
网页的某部分进行更新。
传统的网页（不使用 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函数传到该页面中，例如：
评论0
最新资源