Question

自从大学以来，我从未真正做过很多网页开发，但现在我需要整理一个小网站来显示一些数据库数据。我认为AJAX是最好的解决方法。

所以我尝试了一个非常简单的任务，只是为了了解XMLHttpRequest对象。

我制作了以下HTML页面：

<!DOCTYPE html>
<html>
<script>
  function loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    document.getElementById("response").innerHTML = xhttp.status;
    if (xhttp.readyState == 4 && xhttp.status == 200) {
     document.getElementById("target").innerHTML = xhttp.responseText;
    }
  };

  xhttp.open("GET", "http://www.********.***/phpTest/findCalls.php", true);

  xhttp.send();
}

</script>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>New Web Project</title>
    </head>
    <body>        
        <button type="button" onclick="loadDoc()">Click Me</button>

        <p id="target">This is where the text goes.</p>
        <p id="response">This is the response.</p>
    </body>
</html>

然后我创建了一个PHP页面并将其放在服务器上，它是一个简单的页面，用一行文字回复。它看起来像这样：

<?php

  echo "From PHP.";

?>

如果我通过网络浏览器访问PHP页面，它会显示一个带有“来自PHP”的页面。＆＃39;但是当试图运行html页面时（通过Aptana Studio）它会一直失败，xhttp.status返回0。

我试过关掉防火墙，这没什么用。

我已经尝试将请求的目标更改为本地存储在我的计算机上的文本文件，这样可以正常工作，但我没有在本地安装PHP服务器来测试它。

我希望Stack Overflow上的某个人能够看到我忽略的东西。

提前谢谢。

Answer 1

您可以使用jQuery Ajax调用代替JavaScript：

$.ajax({
    url : "http://pardipphp.com/data",
    type : "GET",
    data : { "firstName": "Pardip", "lastName": "Bhatti" },
    beforeSend: function() {
        // code here
    },
    success: function(response) {
        console.log(response);
    }
})

AJAX响应0

1 个答案: