该实例用的是php作后台，实现起来容易，php代码简单，实际操作了解 ajax与后台交互：
html 代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ajax_demo1</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
<input type="button" value="获取信息" />
<div id="textArea"></div>
</body>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="index.js"></script>
</html>
js 代码：
$(function(){
$('input[type=button]').click(function(){
$.ajax({
type: "POST", // 请求方式 ("POST" 或 "GET")
url: "demo1.php?"+Math.random(), // 发送请求的地址。(添加？后的内容是为了解决缓存问题)
success: function(data){ // 数据请求成功后的回调函数
$("#textArea").html(data); // 将请求的数据放到空的 div 中去
}
});
});
})
php 代码：
<?php
echo '我是php后台返回的文本。'; // 返回的内容
?>
实现效果：
扫一扫
262
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
