0

我正在按照教程了解 AJAX/PHP 的工作原理，但我遇到了问题。

让我从代码开始。

升级测试.php：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<form>
<input type="text" id="name" placeholder="Enter Name.." /> <br>
<input type="text" id="age" placeholder="Enter Name.." />
<input type="button" value="Submit" onClick="post();" />
</form>
<div id="result"></div>

<script type="text/javascript">
function post()
{

    var name= $('#name').val(); 
    var age= $('#age').val();

    $.post('escalation.php',{postname:name,postage:age},
    function(data)
    {
            $('#result').html(data);

    });
}

</script>


</body>
</html>

升级.php：

<?php

echo "working";

?>

我已经准确地输入了代码。从它的输出中，当我单击提交按钮时，我应该在结果 div 中“工作”，而这并没有发生。

我在这里做错了什么..？

谢谢。

4

3 回答 3

1 
<script type="text/javascript" src="jquery.min.js"></script>

下载一个 jQuery 版本，然后使用这个脚本标签链接到它。

虽然您可以链接到在线版本，但它并不适合最终的生产使用，您绝对应该获得本地副本。

于 2012-12-06T07:45:37.650 回答
1

将以下行添加到您的头部标签

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
于 2012-12-06T07:46:02.720 回答
0

这是一个非常简单的修复 - 你缺少 jQuery。添加以下内容：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

在你的头部元素中。

于 2012-12-06T07:49:14.960 回答