javascript - 具有多个参数的 HTML 5 网络 worker

Question

我刚接触 HTML5 webworkers，现在我想将多个参数传递给我的 worker。

我的页面中有这个:

var username = document.getElementById("username").value;
var server_url = 'localhost';
w.postMessage(username,server_url);

这是我的 worker :

var username = '';
var server_url = '';

onmessage = function (e,f) {
    username = e.data;
    server_url = f.data;
}
console.log(username);
console.log(server_url);

当我打开它时，在浏览器中调用 worker 的页面:未捕获的类型错误:无法在“Worker”上执行“postMessage”:第二个参数既不是数组，也没有索引属性。

我想做的就是将 username 和 server_url 传递给工作人员我知道在示例中我对 server_url 进行了硬编码，但在实际脚本中，它是动态的。

请不要只是说:改变这个，做那个，而是向我提供代码，这样我就可以看到应该如何完成，而不是仍然必须自己弄清楚。

Answer 1

像这样发帖:

w.postMessage({ 
    user: username, 
    url: server_url 
})

在消息事件上做:

onmessage = function (e) {
    username = e.data.user;
    server_url = e.data.url;
}