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

【问题标题】：How to call jQuery AJAX on click event?如何在点击事件上调用 jQuery AJAX？
【发布时间】：2010-08-31 15:25:03
【问题描述】：

我做了一个 jQuery 模型。

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

我正在获取一个 id 并使用它来使用 AJAX 填充数据。

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

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

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

【问题讨论】：

哪个模态插件？ jQuery-ui 模态？如果是这样，那确实有一个公开活动。需要澄清
另外..获取 id 是什么意思。你从哪里得到它，从什么，在什么情况下 - 向我们展示一些代码来提供上下文......阅读 Jon Skeets 关于如何提出问题的建议msmvps.com/blogs/jon_skeet/archive/2010/08/29/…
$('a.pop').click(function() { var popID = $(this).attr('rel'); //获取弹窗名称 var popURL = $(this) .attr('href'); //获取Popup href来定义 $.get("content.php", { ref:id},function(data){ alert("Data Loaded: "+data ); } );我想在这个点击事件上调用那个 ajax 文件。怎么做

标签： jquery jquery-ui

【解决方案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：

<div id="example" class="flora" title="This is my title">
    I'm in a dialog!
    <div id="exampleContainer"></div>
</div>
<a href="#" id="clickingEvent" class="pop" rel="example">click to launch</a>

它没有经过测试，但在我看来，它应该可以工作......

【讨论】：

是的，它的工作原理......我是 jquery 的新手......现在它变得更好了。我正在使用.get。顺便说一句，使用 get 和 post 的 jquery 有什么不同...？ php 得到帖子我知道。我可以使用 post 获取表单的变量而不使用 jqueryposy 提交吗？傻逼问！！！我正在使用 get 并且它现在正在工作。
GET 和 POST 在 JQUERY 和 PHP 中是一样的，因为它独立于任何语言，它是 http 协议的一部分。请看这个链接：w3.org/Protocols/rfc2616/rfc2616-sec9.html

【解决方案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
});

【讨论】：