즉시 같은 페이지에서 jQuery에서 값 전달하기

Question

jQuery 확인 메시지 (참조 : http://rathur.fr/jQuery/MsgBox/ 참조)를 통해 데이터 삭제를 확인하는 PHP 프로그램을 작성하고 그 결과를 즉시 같은 페이지 자체에 기록합니다. 페이지가 새로 고침되면 이전 상태로 되돌아갑니다.

라인의 일부는 다음과 같습니다 :

$x = $_SESSION['output']; OR 
$x = $_POST['output']; OR 
$x = print "<div id=\"output\"></div>"; OR 
$x = some_function(output); 

:

print " 
<script type='text/javascript'> 
$(document).ready(function(){ 
    $.msgbox('<br/>Are you sure you want to delete the selected record from the database?', { 
    type : 'confirm' 
    }, function(result){ 
    $('#output').text(result); 
    var output = result; 
    }); 
}); 
</script>"; 

나는 즉시 PHP 변수에 동작 버튼의 결과를 얻을 수 (단지 시험) 아래와 같이 할 도와 주시고, 더 좋은 다른 옵션이 있는지 제안하십시오.

Answer 1

두 번째 패스를 사용하려면 jQuery를 사용하여 AJAX를 사용하여 PHP 스크립트에 데이터를 POST해야합니다.

http://api.jquery.com/category/ajax/에는 AJAX 함수 작성 및 리턴 데이터 처리에 대한 많은 함수 및 자습서가 있습니다. 특히 post() 함수를 살펴보십시오.

Answer 2

다음은 이벤트에 의한 PHP 파일에 대한 간단한 Ajax 호출입니다. 단추를 클릭하십시오.

자바 스크립트 클라이언트 측 :

$("body").on("click", "#mybutton", function() { 
      var mydata = $("#form").serialize(); 
      $.ajax({ 
       type: "POST", 
       url: "/api/api.php", 
       data: {data : mydata}, 
       timeout: 6e3, 
       error: function(a, b) { 
        if ("timeout" == b) $("#err-timedout").slideDown("slow"); else { 
         $("#err-state").slideDown("slow"); 
         $("#err-state").html("An error occurred: " + b); 
        } 
       }, 
       success: function(a) { 
        var e = $.parseJSON(a); 
        if (true == e["success"]) { 
         $("#action").html(e['message']); 
         // here is what you want, callback Php response content in Html DOM 
        } 
       } 
      }); 
      return false; 
     }); 

PHP 코드는 단순히 어떤 성공 함수 뒤에 할 다음에 :

if ($result) { 
      echo json_encode(array(
       'success' => true, 
       'msg' => "Nice CallBack by Php sent to client Side by Ajax Call" 
      )); 
     }