JS跨域取XML--借助AS的URLLoader

近期，我面临了一个功能拓展的挑战，其中涉及的数据接口仅提供XML格式的数据。由于我在JS方面的解决方案尚未成熟，所以我寻求了AS工程师的协助。经过两天的联合调试，我们成功解决了不同浏览器下的跨域访问问题。

在此，我为大家分享一个关于狼蚁网站SEO优化的demo代码。在HTML父页面中，我们有一个隐藏的iframe和一个按钮。当点击按钮时，会触发获取数据的操作。

HTML代码如下：

```html

获取数据

```

为何选择这种方式隐藏iframe呢？这是因为某些浏览器在处理iframe时，如果直接设置display为none或使用visibility: hidden，可能会导致内部的JavaScript不加载，从而影响到跨域通信。

接下来是父页面的JavaScript代码：

```javascript

document.domain = "x";

function getData() {

// 获取数据逻辑...

}

function sendData(param) {

var childWindow = document.getElementById('hiddenIframe').contentWindow;

childWindow.sendData(param); // 通过iframe调用子页面的sendData方法

}

function changeIframeURL() {

document.getElementById("hiddenIframe").src = ".html"; // 更改iframe的URL

}

```

子页面的JavaScript代码主要负责与AS代码的交互，获取XML数据并处理：

```javascript

document.domain = "x";

function sendData(paramFromParent) {

// 根据paramFromParent构建完整的XML URL

// 调用AS的URLLoader方法获取数据

// 数据获取成功后，调用父页面的getData方法传递数据

}

function getData(backData) {

window.parent.getData(backData); // 将数据传递回父页面

}

```

程序流程简述如下：

1. 加载JavaScript代码，定义父页面上的sendData和getData方法。

2. 加载并隐藏iframe。

3. iframe中运行AS代码。

4. AS代码负责跨域获取XML文件并进行处理。

5. 处理后的数据通过window.parent.getData方法传递给父页面。

为了方便理解，我附上了简单的流程图。这个demo展示了如何通过HTML、JS和AS的联合工作，实现跨域获取XML数据并进行SEO优化。希望这个例子能帮助你更好地理解这个过程。