Question

这是我的客户端代码。服务器端的php代码只是回显声明。

function load(){if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari     
    xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.xmlhttp");}
    if(xmlhttp==null)
    { alert ("Your browser does not support XMLHttpRequest!");
        return; }
    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            document.write("Received");
            document.getElementById("txtHint").innerHTML = xmlhttp.responseText;
        }
    };
    xmlhttp.open("GET", "http://localhost/tphp.php?", true);/*this works separately*/
    xmlhttp.send();document.write("Sent")}

我的HTML代码包含

<h4 id="txtHint">to be replaced</h4>
<input type="button" onclick="load()" value="click" />

我的PHP代码包含echo statement.i只想测试它

<?php
echo "It's working";
?>

Answer 1

我不确定您是否可以使用jQuery，如果是这样，请将这些内容简单化：

$("body").append("Sent<br/>");
$.get("/tphp.php", function (data) {
  $("body").append("Received: " + data + "<br/>");
});

使用jQuery的优点：

代码很简单。
出色的跨浏览器支持。

Answer 2

请确保正确调用load（）函数。检查你的控制台。

function load() {

   console.log("Called");
   var xhttp = new XMLHttpRequest();
   xhttp.onreadystatechange = function() {
    if (xhttp.readyState == 4 && xhttp.status == 200) {
     document.getElementById("txtHint").innerHTML = xhttp.responseText;
     }
    };
    xhttp.open("GET", "http://localhost/tphp.php", true);
    xhttp.send();
   }

Ajax没有在wamp上工作

2 个答案: