js和as的稳定传值问题解决

下面是 “js和as的稳定传值问题解决”的完整攻略。

问题描述

在从JS向AS3进行通讯时，为了保证数据的正确和稳定传递，需要使用ExternalInterface.call 和 ExternalInterface.addCallback 方法进行数据的传递。但是，在使用过程中，发现有些情况下这些方法并不总是稳定的。

解决方法

为了解决传递数据的稳定性问题，我们可以采用以下三种方法：

1. 采用 JSON 格式传递数据

为确保数据的传递不出现问题，我们可以将数据序列化为 JSON 格式，并将 JSON 字符串作为参数传递。

// JavaScript
var data = {id: 1, name: 'John'};
var jsonData = JSON.stringify(data);
ExternalInterface.call('functionName', jsonData);

// AS3
ExternalInterface.addCallback('functionName', functionName);
function functionName(jsonData:String) {
    var data:Object = JSON.parse(jsonData);
    // Use the data object as required
}

2. 通过 HTML 元素实现

另一个方法是通过 HTML 元素传递数据。在 HTML 中，我们可以定义一个元素，用作容器，将我们要传递的数据作为元素的内部文本放置在其中。然后将该元素传递给 Flash。在 Flash 中，我们可以读取该元素的文本内容，以获得要传递的数据。

<!-- HTML -->
<div id="myData" style="display:none;">My data</div>
<script>
    var dataElem = document.getElementById('myData');
    ExternalInterface.call('functionName', dataElem);
</script>

// AS3
ExternalInterface.addCallback('functionName', functionName);
function functionName(dataElem:Object) {
    var data:String = String(dataElem.innerHTML);
    // Use the data string as required
}

3. 采用多参数传递数据

第三种方法是使用多个参数来传递数据。对每个参数使用字符串编码，并在函数之间传递参数。在这种情况下，建议遵循以下最佳实践：

• 将所有参数作为 String 编码
• 使用扩展名 .asString() 将 AS3 变量强制转换为字符串

以下示例演示了如何使用多个参数来传递数据。

// JavaScript
ExternalInterface.call('functionName', '1', 'John');

// AS3
ExternalInterface.addCallback('functionName', functionName);
function functionName(idString:String, nameString:String) {
    var id:int    = int(idString);
    var name:String = nameString;
    // Use the id and name as required
}

这三种方法可以保证数据在 JS 和 AS3 之间的稳定传输。根据实际情况选择合适的方式即可。

希望这些信息可以帮助您解决问题。如果您对此还有疑问，请随时问我。