使用jquery和PHP刪除MySQL行

Question

一點一滴我一直在轉換PHP的Web應用程序，我正在致力於JQuery的AJAX表單提交。

我正在處理的當前工作是刪除表格行。我認爲這是我的javascript問題，因爲即使使用return false;，它也會繼續進行頁面刷新。這是我創建對象的表單時遇到的問題，但是得益於本網站的一些幫助，我得到了排序，現在它已完全運行。

這裏是我的javascript：

$("form#table_customer").submit(function() { 
     var query_string = 'page=customer&rows='; 

     $(":checked").each(function() { 
      query_string += this.value + "-"; 
     }); 

     $.ajax({ 
      url: "inc/deletesql.php", 
      type: "POST", 
      data: query_string, 
      cache: false, 
      success: function(data){ 
       $('#maincontent').load('inc/showObjects.php?o=customer'); 
      } 
     }); 
     return false; 
    }); 

的PHP文件（deletesql.php）可以用於正常的POST的提交。但我似乎無法讓它通過ajax發佈數據。

您可以在http://www.sfyfe.com/studioadmin/index.php?i=customer

Answer 1

$('#maincontent').load('inc/showObjects.php?o=customer'); 
    ... 
    // at this point form#table_customer doesn't exist yet in the DOM 
    // so this binding a handler will give no effect 
    $("form#table_customer").submit(function() { 
      .... 
    }); 

看到它在上下文中代替試試這個：

// make the load reusable 

function addDeleteHandler() { 
    // handle the load event 
    // attach the event handler everytime the content is loaded, 
    // and the form#table_customer is added to the dom 
    $('#maincontent').load('inc/showObjects.php?o=customer', function() { 
     $("form#table_customer").submit(function() { 

      var query_string = 'page=customer&rows='; 

      $('input[name="checkbox"]:checked').each(function() { 
       query_string += this.value + "-"; 
      }); 

      $.ajax({ 
       url: "inc/deletesql.php", 
       type: "POST", 
       data: query_string, 
       cache: false, 
       success: function(data){ 
        addDeleteHandler(); 
       } 
      }); 

      return false; 
      }); 
     }); 
    } 

    addDeleteHandler();