<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script src="js/jquery-2.1.0.js"></script>
<script>
// $(function() {})和 $(document).ready(function()一样？
$(function() {
$("button").click(function() {
$.ajax({
url: "try/ajax/demo_test.txt",
// result是从try/ajax/demo_test.txt 中取的数据。可以起任意名字
success: function(result) {
$("#div1").html(result);
}
});
});
});
</script>
</head>
<body>
<div id="div1">
<h2>使用 jQuery AJAX 修改文本内容</h2>
</div>
<button>获取其他内容</button>
</body>
</html>