学习目标:
学习jQuery数据交互技术——AJAX
学习内容:
AJAX = 异步 JavaScript 和 XML。
AJAX 是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
使用jQuery AJAX修改文本内容
<script>
$(document).ready(function(){
$("button").click(function(){
$("#div1").load("/try/ajax/xxxxxxx.txt");
});
});
</script>
</head>
<body>
<div id="div1"><h2> using jQuery AJAX to change document </h2></div>
<button>gain anther word</button>
</body>
1、 理解ajax原理
2、 利用ajax实现简单交互
3、 理解ajax框架模式
4、 利用ajax练习简短交互
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("#div1").load("/try/ajax/demo_test.txt #p1");
});
});
</script>
</head>
<body>
<div id="div1"><h2>使用 jQuery AJAX 修改文本</h2></div>
<button>获取外部文本</button>