如何通过ajax发送数据?

时间:2014-10-23 21:02:41

标签: javascript jquery ajax

我试图了解Ajax如何工作以及如何通过Ajax发送数据。我没有得到任何错误,也没有任何回应。

的index.html



  <input id="name" type="text" /><input id="button" type="button" value="Load" />
  <div id="feedback"></div>

      <script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="ajax.js"></script>
&#13;
&#13;
&#13;

page.php文件

<?php
if (isset($_GE['name'])) {
     $name = $_GET['name'];
}
?>

ajax.js

&#13;
&#13;
	$('#button').click(function(){
		var name = $('#name').val();
	$.ajax({
		url: 'page.php',
		data: 'name='+name,
		success: function(data){
			$('#feedback').html(data);
		}
    });
});
&#13;
&#13;
&#13;

我感谢任何帮助

2 个答案:

答案 0 :(得分:1)

你错过了页面中的回声php

<?php
if (isset($_GE['name'])) {
 $name = $_GET['name'];
 echo $name;
}
?>

也可以在你的javascript中发送像这样的对象

data : { name : name}

应该有效

答案 1 :(得分:0)

数据:{姓名:&#39;约翰&#39;}

您可以检查是否已调用成功方法。 你还需要从php回复一些东西。

echo $ name