PHP와 JavaScript 간의 데이터 전송

웹 개발에서 PHP와 JavaScript 간의 통신은 종종 수행되어야 하는 작업입니다. 아래는 예시입니다.

JavaScript 측:

xmlHttp.setRequestHeader를 설정해야 합니다. 그렇지 않으면 PHP에 전달된 매개변수가 null이 됩니다(43행). 36번 라인이 하이라이트다.

<script type="text/javascript">
function GetJson() 
{
    var xmlHttp;
    try
    {
        // Firefox, Opera 8.0+, Safari
        xmlHttp = new XMLHttpRequest();
    }
    catch (e) 
    {
        // Internet Explorer
        try {
            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch (e) 
        {
            try {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (e) {
                alert("您的浏览器不支持AJAX！");
                    return false;
            }
        }
    }
     
    xmlHttp.onreadystatechange = function() 
    {
        if (xmlHttp.readyState == 4) 
        {
            //alert(xmlHttp.responseText);
            var str = xmlHttp.responseText;
            document.getElementById(&#39;show&#39;).innerHTML +=str;
            //alert(str);
            var obj = eval(&#39;(&#39;+ xmlHttp.responseText +&#39;)&#39;);
            //var obj = eval(({"id":"123","name":"elar","age":"21"}));
            alert(obj.name);
        }
    }
    var data = "id=123";
    xmlHttp.open("POST", "testJson.php", true);
    xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); 
    xmlHttp.send("id=123");
}
</script>
<input type="button" onclick="GetJson()" value="按我！"/>
<hr />
<div id="show"></div>

PHP 측 [testJson.php]:

php 파일은 깨끗해야 하며 태그 외부에는 다른 태그가 없어야 합니다. 그렇지 않으면 eval 함수가 이를 구문 분석할 수 없습니다.

<?php 
$res[&#39;id&#39;] = $_POST[&#39;id&#39;];
$res[&#39;name&#39;] = "elar";
$res[&#39;age&#39;] = "21";
$response = "hello this is response".$_POST[&#39;id&#39;];
echo json_encode($res);
?>

요약:

js는 PHP로 데이터를 보내야 하며 xmlHttp.send("id=123")를 사용합니다.

PHP는 js로 데이터를 보냅니다. echo json_encode($res); 사용($res 변수의 구성은 JSON 사양을 준수해야 함)

js PHP에서 보낸 JSON 형식 데이터를 구문 분석하려면 var obj = eval(' ​​( '+ xmlHttp.responseText +')');