2016-07-24 164 views
0

自從大學以來,我從未真正做過很多web開發,但現在我需要組建一個小型網站來顯示一些數據庫數據。我認爲AJAX將是解決這個問題的最佳方式。AJAX響應0

所以我嘗試了一個非常簡單的任務,只是爲了讓我的頭繞過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."; 

?> 

如果我通過Web瀏覽器訪問PHP頁面,它顯示了一個頁面'From PHP。'。然而,當試圖運行html頁面(通過Aptana Studio)時,它經常失敗,xhttp.status返回0.

我試過關閉防火牆,這沒有幫助。

我試着將請求的目標更改爲本地存儲在我的機器上的文本文件,並且這個工作正常,但是我沒有安裝本地PHP服務器來測試它。

我希望Stack Overflow上的某個人能夠看到我忽略的一些東西。

預先感謝您。

+0

+0

如果您在一段時間內還沒有完成網絡開發,那麼您最好在標準PHP腳本中返回動態數據,而不是通過將AJAX添加到等式來使事情複雜化。 –

+0

它會工作,只是把一個退出在PHP後echo –

回答

-1

相反的JavaScript,你可以使用jQuery Ajax調用:

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

問題出在服務器端,使用Jquery不是任何解決方案。 –