实现前台页面与后台线程互相传递数据有哪几种方法？请写出代码。

Question

实现前台页面与后台线程互相传递数据有哪几种方法？请写出代码。

Answer 1

通过发送和接收消息来实现前面页面与后台线程互相传递数据。如果想接收消息，用下面方式之一。

第1种方法，通过获取Worker对象的onmessage事件的句柄可以在后台线程中接收消息，代码如下。方法的回调函数的参数（下面代码中的event）中，有线程交互的数据。

worker.onmessage=function(event) {  

     //消息处理，数据为event.data

}

第2种方法，使用addEventListener()方法对message事件进行监听。

work.addEventListener("message",function(event) {

    //document.getElementById(‘message’).innerHTML=e.data;

    //消息处理，数据为event.data

},false);

如果想要发送消息， 需要使用postMessage()方法。使用Worker对象的postMessag()方法来发送消息，代码如下。发送的消息是文本数据，也可以是JSON。

worker.postMessage(message);