Jquery와 PHP를 사용하여 MySQL 행을 제거하십시오.

Question

비트 단위로 작성했습니다. JQuery AJAX 양식을 제출하기 위해 PHP Web app를 변환하고 있습니다.

현재 작업중인 것은 테이블 행을 제거하는 것입니다. return false;으로 페이지 새로 고침을 계속하기 때문에 내 자바 스크립트에 문제가 있다고 생각합니다. 이것은 객체를 생성하는 폼의 문제 였지만,이 사이트의 도움을 받아서 분류했습니다. 이제는 완벽하게 작동합니다.

$("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을 제출 작동 :

여기 내 자바 스크립트입니다. 하지만 나는 아약스를 통해 데이터를 게시 할 수없는 것 같습니다.

당신은 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();