简单的 jQuery-Ajax-PHP 示例

问题描述 投票:0回答:3

我一直在研究一些如何将 ajax 与 jQuery 结合使用的介绍性示例,但是当我在我的服务器上尝试这些示例时,它们似乎不起作用。

这是我在 html 文件中的代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">    
<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 的警告框。

php jquery ajax
3个回答
1
投票

我发现这对我来说很有用

<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>

1
投票

检查路径 - 它们是相对,因此它们指向浏览器的文件应该位于正确的位置(也许它们已经是 - 我们没有足够的数据)。

如果还是不行,可能还有其他问题。例如。也许你关闭了 JavaScript?

检查请求是否已发送以及是否存在其他问题的最好方法是使用一些调试工具。我建议使用 Chrome 的 开发者工具 或 Firefox 的 Firebug - 检查它们对文件和数据的请求是否发送到正确的位置,并检查是否存在任何其他 JavaScript 错误。


0
投票

尝试:

<?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);
?>
© www.soinside.com 2019 - 2024. All rights reserved.