0

私はこのリンクを持っています：

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

そして、ページが更新されないように、Jqueryを介してそれを渡したいと思います。しかし、私はそれを実現するのに苦労しています。Jqueryで試したすべてのクリックイベントとajaxは失敗しました。

基本的に、私はajaxがdelete.phpにiidパラメーターの値を送信するようにします。

4

2 に答える 2

0 
$(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-YouIdTobe削除します（例：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)
    });
  });
});
于 2012-04-29T03:27:51.133 に答える
0

ここでこれを試してみてください。これは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>
于 2012-04-29T04:08:00.387 に答える