使用Jquery传递参数链接

Question

我有这个链接：

<a id='delete' href='/add/delete.php?iid=XXXXX'>#</a>

而且我想通过Jquery传递它，以便页面不会刷新。 但是，我很难做到这一点。 我使用Jquery尝试过的所有单击事件和Ajax均未成功。

基本上，我希望ajax将delete.php的值发送给iid参数。

Answer 1

$(function(){
  $("#delete").click(function(e){
    e.preventDefault();
    $.post("../add/delete.php", { iid: "xxx" } ,function(data){
       //do whatever with the result which is in the variable data.
       alert(data)
    });
  });
});

由于是删除操作，因此请使用POST。 否则，一些爬网程序将爬网您的删除页面，并且您会在一个美好的早晨看到表为空。

编辑：您可以以某种方式将要传递的值与锚标记关联。 例如：将您的ID标签更改为采用del-YouIdTo格式（例如：del-1，del-2等）。

<a id='delete' href='#' id="del-1>Delte 1 </a>
<a id='delete' href='#' id="del-2>Delte 2 </a>
<a id='delete' href='#' id="del-3>Delte 3 </a>

脚本

$(function(){
  $("#delete").click(function(e){
    e.preventDefault();
    var val=$(this).attr("id").split("-")[0];
    $.post("../add/delete.php", { iid: val } ,function(data){
       //do whatever with the result which is in the variable data.
       alert(data)
    });
  });
});

Answer 2

在这里试试这个href='1'是您要删除的ID，也替换它找到id="d1"的文本：

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function(){
  $(".delete").click(function(e){
    var del_id = $(this).attr('href');
    e.preventDefault();
    $.post("/add/delete.php", { iid: del_id } ,function(data){
        //change the link to deleted
        $('#d'+del_id).replaceWith('<a href="#">Deleted</a>');
    });
  });
});

</script>
</head>
<body>
 <a class='delete' id="d1" href='1'>Delete</a>
 <a class='delete' id="d2" href='2'>Delete</a>
 <a class='delete' id="d3" href='3'>Delete</a>
 <a class='delete' id="d4" href='4'>Delete</a>
</body>
</html>

使用Jquery传递参数链接

问题描述

2 个解决方案

解决方案1
0 2012-04-29 03:27:51

解决方案2
0 已采纳 2012-04-29 04:08:00

使用Jquery传递参数链接

问题描述

2 个解决方案

解决方案1 0 2012-04-29 03:27:51

解决方案2 0 已采纳 2012-04-29 04:08:00

解决方案1
0 2012-04-29 03:27:51

解决方案2
0 已采纳 2012-04-29 04:08:00