jquery ajax调用删除行

时间:2012-03-07 07:53:06

标签: jquery ajax

如何通过在链接按钮上使用jquery ajax调用传递id来删除行?

$(document).ready(function(){ 
    $(".remove_row").click(function (event){ 
        event.preventDefault();        
        var url = $(this).attr('href'); 
        $.ajax({ 
            url: url, 
            success: function() { return false; }, 
            error: function(){ alert('An error.'); } 
        }); 
        return false;
    ); 
});

我是否需要提及dataType:并写入成功函数..当我想删除该行时?

2 个答案:

答案 0 :(得分:1)

假设这些可能的情况,你的问题不明确:

  1. 您要删除页面上的任何元素

    $('#Elementid').remove();
    
  2. 您想要从数据绑定列表或表中删除一行,即您要从数据库中删除行:

    在这种情况下,您需要调用服务器端静态方法并传递要删除的行的ID,如下所示:

    $.ajax({
                 type: "POST",
                 url: "WebForm1.aspx/ServerSideMethod",
                 data: "{'id':value}",
                 contentType: "application/json; charset=utf-8",
                 dataType: "json",
                 async: true,
                 cache: false,
                 success: function (msg) {
                     $('#myDiv').text(msg.d); 
                 }
    });
    
  3. 并且WebForm1.aspx上的ServerSideMethod应该是这样的:

      [WebMethod]
      public static string ServerSideMethod(int id)
      {
          string query ="delete from table where id="+id;
          //rest of the dml operation
          return "Message from server."; 
      }
    

答案 1 :(得分:0)

要删除任何HTML元素,请使用:

$('#row_id').remove();

这可能不是一个完整的解决方案,但我认为这个问题并不完整,所以这是我能做的最好的。