Question

ajax를 통해 변수 의 값을 PHP 스크립트로 보내려고합니다. 그러나 PHP 스크립트는 브라우저를 열 때 원하는 출력을 인쇄하지 않습니다. 시도했지만 여기에 뭐가 잘못 찾을 수 없습니다. 포인터가 있습니까?

index.html을

<button type="submit" class="btn btn-success" id = 'first' onclick='process();'>Submit</button> 

<script> 

var number = 0; 

function process() 
{ 
    number++; 

    var xhr; 

    if (window.XMLHttpRequest) { 
     xhr = new XMLHttpRequest(); 
    } else if (window.ActiveXObject) { 
     xhr = new ActiveXObject("Microsoft.XMLHTTP"); 
    } 

    var data = "num=" + number; 
    xhr.open("POST", "index.php", true); 
    xhr.send(data); 
}  
</script> 

index.php를

<?php 
session_start(); 
$number = $_POST['num']; 
$_SESSION['numb'] = $number; 
echo $_SESSION['numb'] ; 
?> 

Answer 1

당신이 가까운 곱슬 브래킷을 고정하기 때문에 내 긴 숨이 절름발이 대답을 편집 ...하지만 bloodyKnuckles 당신은 또한 권리입니다 '프로세스'함수에서 PHP 페이지의 응답을 받아서 출력하거나 ... 원하는 것을 무엇이든 필요로합니다. 기본적으로 XMLHttpRequest 객체에서 'onreadystatechange'메소드를 사용하고 'readyState'속성 값 4를 찾아 모든 것이 완료되었음을 확인할 수 있습니다. 다음은 콘솔에 결과를 출력하는 간단한 예제입니다 (브라우저에서 개발자 도구를 사용하여 볼 수 있음).

<script> 

var number = 0; 

function process() 
{ 
number++; 

var xhr; 

if (window.XMLHttpRequest) { 
    xhr = new XMLHttpRequest(); 
} else if (window.ActiveXObject) { 
    xhr = new ActiveXObject("Microsoft.XMLHTTP"); 
} 

var data = "num=" + number; 
xhr.onreadystatechange = function(){    

    if (xhr.readyState==4 && xhr.status==200){ 
      console.log('xhr.readyState=',xhr.readyState); 
      console.log('xhr.status=',xhr.status); 
      console.log('response=',xhr.responseText);    
    } 

    else if (xhr.readyState == 1){ 
    xhr.send(data) 

    } 

}; 

xhr.open("POST", "ajax-test.php", true); 

} 
</script> 

더 나아가 POST 값이있을 때만 세션을 업데이트하도록 PHP 페이지를 업데이트 할 수 있습니다.

<?php 
//ini_set('display_errors',1); 
//ini_set('display_startup_errors',1); 
//error_reporting(-1); 
if(isset($_POST['num'])){ 
      session_start(); 
    $_SESSION['numb'] = $_POST['num']; 
    echo $_SESSION['numb']; 
} 
?> 

해당 ini_set 및 error_reporting 행의 주석 처리를 제거하여 PHP 스크립트의 상황을 파악할 수 있습니다.

Answer 2

당신이 요청 헤더 정보를 전송하지 않기 때문에 이것은 ...

추가]

xhr.open("POST", "index.php", true);