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

我按照教程了解AJAX/PHP如何工作，但我遇到了问题。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"; 

?>

我输入的代码究竟如何它在啧啧。从它的输出，当我点击提交按钮时，我应该在结果div中“工作”，这不会发生。

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

谢谢。

来源

2012-12-06 greenpool

该代码使用jQuery，它没有包含在页面中。包括jquery，包括 – TheZ

。 – Namal

废话！我不能相信我忘记了，谢谢你们！ – greenpool

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

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

虽然您可以链接到在线版本，但它对于最终生产使用并不理想，您应该一定得到本地副本。

来源

2012-12-06 07:45:37 TheZ

如下因素行添加到你的头标记

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

来源

2012-12-06 07:46:02 Namal

这是一个非常简单的解决 - 你错过的jQuery。添加以下内容：

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

在您的head元素中。

来源

2012-12-06 07:49:14

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

回答

相关问题