2012-03-07 19 views
1

リンクボタンでjquery ajax呼び出しを使用してidを渡すだけで行を削除するにはどうすればよいですか?jquery ajax行を削除するための呼び出し

$(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:と書いて成功関数を記述する必要があります。行を削除するだけですか?任意のHTML要素の使用を削除するには

+0

は、あなたのページで電話を受けるのですか? 'url'変数で明示的なページですか?はいの場合、本当にあなたの問題は何ですか? – balexandre

+0

'.remove_row'とは何ですか?あなたのテーブルはどのように見えますか?このajax呼び出しで、削除ボタンの通常の機能を上書きしてしまいます。だから、あなたは通常の削除をもう一度起動することはできません。あなたを助けるために、より多くの情報が必要です。 – PiTheNumber

答えて

1

あなたの質問は、これらの可能なケースを想定し、明確ではありません:あなたはあなたのページに

$('#Elementid').remove(); 
  • を任意の要素を削除したい

    1. あなたはデータバインドされたリストから行を削除しますか、つまり、データベースから行を削除したい場合:

      この場合、サーバー側の静的メソッドを呼び出し、削除する行のIDを渡す必要があります。以下に示すように行うことができます。

      のWebForm1.aspxに
      $.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); 
            } 
      }); 
      

    とあなたの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."; 
        } 
    
  • +0

    申し訳ありませんが、質問は明確ではありませんでした。ループ内で

    を削除しようとしていました。 Ajaxの呼び出しでデータベースからIDが削除されましたが、行が削除されませんでした。だから私がやったことはIDにIDを与え、応答でIDを受け取って、特定の
    行を動的に削除しました。すべてのあなたの応答をありがとう。 – user430266

    0

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

    これは完全な解決策ではないかもしれないが、私は質問が完了していないので、これは私ができる最善だと思います。

    関連する問題