我的 php 无法接收我通过 ajax 发送的 'post' 变量

Question

这是我的 javascript:

function fetchprov(proptype) {
    var reqdata = "condo="+proptype;
    hanapin=new XMLHttpRequest();
    hanapin.open('POST', 'testajax.php', true);
    hanapin.setRequestHeader("Content-type", "application/x-www-form-urlencoded")
    hanapin.send(reqdata);
    hanapin.onreadystatechange = function() {
        if (hanapin.readyState == 4 && hanapin.Status == 200) {
            document.getElementById('province').innerHTML=hanapin.ResponseText
        }
    }
    window.alert(targeturl);
    window.alert(reqdata);
}

我知道函数正在接收数据，因为我使用了警报。

但在 php:

<?php 
    $findwat = $_POST['condo'];
    echo $findwat;
?>

即使我使用单独的 link 打开 php 文件，它也不会回显变量

Answer 1

http post 请求的必填 header 字段是 Content-length。将您的代码更改为：

function fetchprov(proptype) {
    var reqdata = "condo="+proptype;
    hanapin=new XMLHttpRequest();
    hanapin.open('POST', 'testajax.php', true);
    hanapin.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    hanapin.setRequestHeader("Content-length", reqdata.length);
    hanapin.setRequestHeader("Connection", "close");
    hanapin.send(reqdata);
    hanapin.onreadystatechange=function() {if (hanapin.readyState == 4 && hanapin.Status == 200) {document.getElementById('province').innerHTML=hanapin.ResponseText}   }
    window.alert(targeturl);
    window.alert(reqdata);
}

还有一个更好的解决方案是使用jquery来处理ajax

Answer 2

使用jQuery的示例：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

function fetchprov(proptype) {
    $.post("testajax.php", {condo:proptype}, function(data){
        // data is the result received from php
        alert(data);
    }); 
}

我的 php 无法接收我通过 ajax 发送的 'post' 变量

my php can't receive the 'post' variabe I am sending via ajax

javascript

php

ajax