ajax跨域访问遇到的问题及解决方案

理解并AJAX跨域访问

当我们的网页需要获取来自不同域的数据时，例如天气预报或公共服务的API，我们会遇到跨域问题。浏览器出于安全考虑，会阻止此类跨域请求。有一些方法可以帮助我们绕过这些限制。本文将这些跨域问题及其解决方案。

什么是跨域请求？简单来说，当一个网页试图通过AJAX向一个不在其原始域名下的服务器发起请求时，就会遇到跨域问题。例如，如果你的网页域名是

由于安全原因，客户端JavaScript使用XMLhttpRequest只能向来源网站发送请求。这意味着，如果你试图从一个子域名请求另一个子域名的数据，或者从一个端口请求另一个端口的数据，都会被浏览器阻止。那么，如何解决这一问题呢？以下是一些常见的解决方案：

1. Web代理方式：由目标页面代替用户页面完成交互并返回结果。这种方法可以解决大多数跨域访问问题，但需要服务器提供Web代理支持，并且服务器负担会增加。无法代用户保存session状态。

2. On-Demand方式：动态生成新的页面或元素来解决问题。例如，MYMSN的门户就采用了这种方式。但这种方法并不适用于所有场景。

3. Iframe方式：通过在一个页面中嵌入或动态生成指向其他网站的iframe来解决跨域问题。数据提交和获取可以通过这种方式实现，但父窗口与子窗口之间的交互受到限制。一种解决方案是通过改变对方的anchor hash fragment来传输消息。由于改变一个网页的anchor hash fragment不会使浏览器重新装载网页，因此可以利用计时器来检测变化并响应。

4. 用户本地转储方式：利用IE特有的特性（依附于windows平台），通过内存来传输数据。但这种方式的兼容性较差，只在IE中可用。

5. 动态加载JavaScript小工具：在一些特定场景下，如提交URL给Bookmark服务器时，可以通过动态加载JavaScript小工具来完成与服务器通信的功能。这种方式既避免了每次登录的麻烦，又相对简单易行。但需要注意插件开发和用户接受度的问题。

以上各种方法都有其优缺点和适用场景。在实际应用中，需要根据具体情况选择最合适的方法来解决跨域问题。尽管跨域问题给开发者带来了一定的挑战，但通过合理的方法和技巧，我们可以有效地解决这些问题并实现数据的跨域访问。