我是一个尝试.ajax
通过在线教程学习 jquery 的 n00b。
我的本地主机上的“客户端”有以下代码:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script>
<script>
// wait for the DOM to be loaded
$(document).ready(function() {
$("#submit_btn").click(function(){
$.ajax({
type: "POST",
url: "response.php",
dataType: 'json',
data: { name: "John", location: "Boston" }
}).done(function( msg )
{
alert( "Data Saved: " + msg );
});
});
});
</script>
</head>
<body>
<input type="submit" name="submit" class="button" id="submit_btn" value="Send" />
</body>
</html>
我在名为“response.php”的“服务器”端文件中有以下代码:
<?php
if (isset($_POST))
{
$answer = $_POST;
echo json_encode($answer);
} else {
echo json_encode("no good");
}
?>
当我单击“发送”按钮时,我会收到一条提示“已保存数据:[对象对象]”的警报。我试图让警报显示使用点击事件通过“发布”提交的数据。我希望警报显示“姓名:“约翰”,位置:“波士顿”。