Senin, September 05, 2011

Masalah Javascript, jQuery, dan Href

Jadi ceritanya Saya ingin membuat sebuah aplikasi web dengan backward compatibility dengan skenario begini:

<a href="http://server/data/">Dapatkan data</a><div id="data">
</div>
$("a").click(function() { ... mengambil data di server, dan ditaruh ke #data dengan ajax) } ) ;

Tetapi kenyataannya, dengan fungsi tersebut, meski javascript aktif, saat kita klik anchor justru selalu mengarah ke href. Memang script click dijalankan, tetapi tetap saja setelah dijalankan, dia akan mengarah ke href.

Usut punya usut, alhamdulillah, pencarian di Google memberikan hasil.

Di click, cukup return false saja, maka window tidak akan pernah mengarah ke href, selama javascript aktif.

Mudah, yah?

<a href="http://server/data/">Dapatkan data</a>
<div id="data">
</div>

$("a").click(function() 
{
$.get("server/data?get=htmlajaxrequest", 
   function(html) { 
       $("#data").html(html) 
});
return false;
}
);




0 komentar:

Poskan Komentar

Silahkan memberikan komentar pada artikel ini. Dimohon untuk tidak mengirim komentar yang: anarkis, mengandung kata-kata kasar atau kotor, atau yang dapat menciptakan flame war