如何在点击事件上调用jQuery AJAX？

我做了一个jQuery模型。

我试图在该模型中使用AJAX填充数据。

我得到一个id并使用我想用AJAX填充数据。

我应该如何在点击事件上调用AJAX？

打开或加载模型时是否还有其他事件？

该模型只是div的显示和隐藏。

Answer 1

简单地使用：

JS：

$(document).ready(function(){ $('a.pop').click(function() { var popID = $(this).attr('rel'); $.get('content.php', { ref:popID }, function(data) { $(popID+'Container').html(data); $(popID).dialog(); alert('Load was performed.'); }); return false; // prevent default }); }); 

HTML：

 
 I'm in a dialog! 
 
 click to launch 

它没有经过测试，但正如我所看到的，它应该可以工作……

Answer 2

您几乎拥有它，您需要阻止默认操作，即跟随链接中的href ，因此添加event.preventDefault()或return false ，如下所示：

 $('a.pop').click(function(e) { //add e param var popID = $(this).attr('rel'), popURL = $(this).attr('href'); $.get("content.php", { ref:id}, function(data) { //did you mean popID here? alert("Data Loaded: "+data ); }); e.preventDefault(); //or return false; //prevent default action });