簡單的jQuery-Ajax-PHP示例

我一直在尋找一些關於如何在jQuery中使用ajax的介紹性示例，但是當我在服務器上嘗試這些示例時，它們似乎不起作用。簡單的jQuery-Ajax-PHP示例

這裏是在HTML文件中的代碼，我有：

<html> 
<head> 
<script src="jquery.js"></script> 
<script type="text/javascript"> 
    $(function(){ 
    $.get("ajax/json-statistics.php", function(data){ 
     alert("hello");}); 
}); 

</script> 
</head> 
<body> 
</body> 
</html>

下面是我對PHP文件中的代碼：

<?php 
$arr = array('a' => 1, 'b' => 2, 'c' => 3, 'd' => 4, 'e' => 5); 
echo json_encode($arr); 
?>

這兩個文件位於同一目錄。當我轉到html頁面時，它只是空白，但我期待一個警告框出現，其中包含文本hello。

來源

2011-08-24 kpatelio

你有沒有把'jquery.js'有太多？ – zerkms

當兩個文件都在同一個目錄中，那麼爲什麼你提到了 '$ .get（「ajax/json-statistics.php」 statistics.php「，...' – Abhishek

雅對不起，我修正了這個問題，但它仍然不起作用 – kpatelio

我發現我到底該工作

<script language="javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> 
<script LANGUAGE="JavaScript"> 
$(document).ready(function(){ 
$.get("ajax/json-statistics.php", function(data){ 
    alert("hello");}, "json"); 
}); 
</script>

來源

2011-08-24 13:11:51 mithunsatheesh

它仍然不能在我的最後。我運行的PHP 5.3.3安裝的Ubuntu服務器btw。 – kpatelio

檢查請求的頁面路徑是否正確。還要將返回類型指定爲「json」。我努力改變你的json-statistics.php代碼，並且在這裏工作得很好。 – mithunsatheesh

檢查路徑 - 他們是相對，因此它們指向瀏覽器應該是在正確的位置（也許他們已經是文件 - 我們做沒有足夠的數據）。

如果仍然無效，可能還有其他問題。例如。也許你關閉了JavaScript？

檢查請求是否已發送以及是否存在其他問題的最好方法是使用一些調試工具。我建議Chrome的開發人員工具 Firefox的Firebug - 與他們一起檢查文件和數據請求是否發送到正確的位置，並檢查是否有任何其他JavaScript錯誤。

來源

2011-08-24 13:17:02 Tadeck

嘗試：

<?php 
header('Cache-Control: no-cache, must-revalidate'); 
header('Expires: Mon, 26 Jul 1997 05:00:00 GMT'); 
header('Content-type: application/json'); 

$arr = array('a' => 1, 'b' => 2, 'c' => 3, 'd' => 4, 'e' => 5); 
echo json_encode($arr); 
?>

來源

2011-08-24 13:17:14

簡單的jQuery-Ajax-PHP示例

回答

相關問題