Komunikasi dari iframe ke parent atau sebaliknya dengan postMessage Jquery (?plugin)

Wah agak telat tahu plugin ini, padahal pas skripsi kemarin butuh komunikasi antara iframe dengan parentnya. Rupanya kita bisa berkomunikasi dengan gampang pakai plugin jquery yang satu ini. PostMessage. Bagi kalian yang tahu aturan (baca: masalah) klasik keamanan cross-domain, dimana kita nggak bisa mengirimkan “hello world” dari iframe http://www.abc.com ke parent iframenya yang punya domain http://www.def.com, nah katanya sih dengan si postMessage ini hal itu bukan masalah lagi. Congrats and cheers!! ::cheers::

Mau to do point? Abaikan post ini langsung ke TKP gan!

Sisa post ini akan mendeskripsikan secara singkat postMessage ini.

Gunanya?

Komunikasi dari domain yang menampung iframe ke/dari domain yang diakses iframe itu.

Caranya?

Pluginnya dipasang dulu, saya anggap kalian sudah tahu caranya. Lalu gimana proses pemakaiannya?

Si poster (sender) bilang begini ke pasangannya :

jQuery.postMessage( message, target_url [, target ] );

Lalu si receiver (listener) dengan malu-malu menerima pesan itu dari pasangannya dengan :

jQuery.receiveMessage( callback [, source_origin ] [, delay ] );

Doh, as simple as that?! People are really innovator man…

Note :

  • message : pesan
  • target_url : alamat url si target
  • callback  : fungsi yang kena trigger sesaat dapat kiriman postmessage dari url source
  • source_origin : url sender
  • delay : opsi delay

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s