Ajax 链接和 jquery答案

【问题标题】：Ajax Links and jqueryAjax 链接和 jquery
【发布时间】：2010-11-30 02:23:21
【问题描述】：

我想知道在我的网站上我有一个显示“添加”的链接。单击它后，页面刷新并显示删除。我认为使用 ajax 会更好，并且不需要重新加载页面。我如何使用 jquery 执行此操作（我应该在 jquery 中执行此操作吗？）以及我如何知道服务器何时收到添加以便我可以更新我的图片（我确定有处理/完成状态？）

【问题讨论】：

标签： jquery ajax hyperlink

【解决方案1】：

jQuery AJAX 函数可让您指定可用于更新页面的成功和失败函数。

$("#mylink").click (function (event) {
  $.ajax({
    type: "POST", // or GET
    url: "/my/address.php",
    data: "someData=someThing&someMore=somethingElse",
    success: function(data) {
      $("#someElement").doSomething().
    },
    error: function() {
      // something's gone wrong.
    }
  });

  event.preventDefault(); // stop the browser following the link
});

更多信息请阅读jQuery AJAX page - 它有大量示例）。

【讨论】：

【解决方案2】：

创建一个在点击链接时触发的函数。
对服务器进行 ajax 调用。
您可以定义一个回调方法，如果 ajax 调用成功，将触发该方法。
在回调函数中：将添加更改为删除。

简而言之:-)

【讨论】：

【解决方案3】：

你可以做到 Jquery，它是一个很好的工具。

基本上，为您的链接添加一个点击事件处理程序，如下所示：

添加函数回调（响应）{ // 在此处删除添加按钮并添加“删除”按钮 } $('#add-button').click( function() { $.get(this.href, 数据, 回调); //要么 $.post(this.href, 数据, 回调); } 脚本>

【讨论】：

【解决方案4】：

jQuery 简介。

HTML：

<a href="#" id="mylink"><img src="add.jpg"/></a>

Javascript：

$(function() {
   //Everything inside here is called on page-load

   // This selects the link element by its id and add an onclick handler
   $("#mylink").click(function() {
        post_url = (The url to post to the server);
        $.post(url, function() {
           // This is called when the AJAX finishes successfully.

           // Select the image element and modify the src attribute
           $("#mylink img").attrib("src", "remove.jpg");
        });
   });
});

【讨论】：

【解决方案5】：

你应该用 jQuery 来做这件事:)

类似...

$("#input").click(function(){
    if( $("#input").val() == "add" ) {
        $("#input").val("remove");
    }
});

在里面扔一些ajax 来完成这项工作。

【讨论】：

【解决方案6】：

这将是所需的 jQuery 函数：http://docs.jquery.com/Events/toggle

【讨论】：