Thursday, May 27th, 2010
Chrome supporting EventSource for server push, and richer Worker API
Category: Chrome
First, he uncovers new support for the EventSource API that allows for simple server push of DOM events as shown in this simple client and server pairing:
JAVASCRIPT:
-
-
document.addEventListener('DOMContentLoaded', function () {
-
-
var eventSrc = new EventSource('events.php');
-
-
eventSrc.addEventListener('open', function (event) {
-
console.log(event.type);
-
});
-
-
eventSrc.addEventListener('message', function (event) {
-
console.log(event.type);
-
console.log(event.data);
-
});
-
}, false);
-
PHP:
Then, he finds out that the Web Worker API now supports complex messages, so you can postMessage more than Strings. Send over objects and Arrays with ease:
JAVASCRIPT:
-
-
// TEST ANOTHER THREAD SAFE OBJECT ARG
-
var obj = new Object();
-
-
obj.isArray = [ 1,2,3,4,5 ];
-
obj.isString = 'Foo bar baz',
-
obj.resultOf = (function () {
-
return 'returned from self executing function';
-
})();
-
worker.postMessage(obj);
-
-
// TEST STRING ARG
-
worker.postMessage('Hello Worker Process');
-
-
// TEST ARRAY ARG
-
worker.postMessage([ 1, 2, 3, 4 ]);
-
-
// TEST BOOLEAN ARG
-
worker.postMessage(false);
-
Related Content:
3 rating from 1 votes
Several WebWorker-related projects worth checking out (some mentioned on Ajaxian before):
1) Metaworker – mapreduce with workers – http://bit.ly/7oTuS5
2) Pmrpc – RPC/pubsub communication with workers and windows/iframes – http://bit.ly/JMtkm (I’m one of the developers)
3) jQuery Hive – creating and managing web workers across implementations – http://bit.ly/c5ihqm
4) Javascript Enumerable.Map() with WebWorkers – http://bit.ly/cY8M9P
I’ve made an example on which you can see Server-Sent Event in action using mentioned here Chrome 6, Safari 5 or Opera 9 – http://sapid.sourceforge.net/ssetest/