Question

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

让我先从代码开始。

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

escalation.php：

<?php

echo "working";

?>

我已经完全按照tut键入了代码。单击提交按钮时，从输出中我应该在未发生的结果div中“工作”。

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

感谢。

Answer 1

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

下载jQuery版本，然后使用此脚本标记链接到它。

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

Answer 2

将以下行添加到您的头标记

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

Answer 3

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

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

在你的头部元素中。

AJAX / PHP简单代码无法正常工作

3 个答案: