Question

我一直在研究如何制作Ajax请求并提出了这个问题：

function ajax_post(){
    // Create our XMLHttpRequest object
    var xmlhttp = new XMLHttpRequest();
    // Create some variables we need to send to our PHP file
    var url = "http://localhost:888...-files/test.php";
    // Set content type header information for sending url encoded variables in the request
    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    // Access the onreadystatechange event for the XMLHttpRequest object
    xmlhttp.onreadystatechange = function() {
   if(xmlhttp.readyState == 4 && xmlhttp.status == 200) {
   var return_data = xmlhttp.responseText;
document.getElementById("demo").innerHTML = return_data;
   }
    }
    xmlhttp.open("POST", url, true);
    xmlhttp.send(); // Actually execute the request
    document.getElementById("demo").innerHTML = "processing...";
}

我将此脚本保存为以下文件：http://localhost:888...ascript/test.js＆lt; - 我已经测试了保存在此位置的其他脚本，它们的工作完全正常。我的php文件包含以下数据（名为“test.php”）：

<?php
echo(rand(10,100));
?>

我向php文件发出请求，根据php代码显示一个随机数，我的html看起来像这样：

<div style="display:none;">
<body onload="ajax_post()">     <------ Here you can see that I have called the function which executes the AJAX Request after the page has loaded.
<script type="text/javascript" src="http://localhost:888...ascript/test.js"></script>
</body>
</div>
<div id="demo"></div>

我一直刷新页面，没有任何内容。它与我的PHP代码有关吗？也许我的Ajax请求结构错误？在Ajax请求方面，我也试过“GET”和“POST”，但仍然没有任何反应。我是Ajax的新手，可能的语法我没有意义......提前感谢您的支持。

此致!!

Ajax请求从php文件中获取数据？

0 个答案: