本文介绍了一种使用jQuery简化Ajax请求的方法。通过一个具体的例子展示了如何在点击事件中触发Ajax请求，并在请求前后更改DOM元素的内容。具体实现了加载图片动效并在成功获取数据后更新页面显示。
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript">
$(function() {
$("#loading_img").click(
function()
{
$.ajax({
type:"GET",
url:"demo.php",
data:"name=wuxiaoyong",
beforeSend:loading,//执行ajax前执行loading函数.直到success
success:Response //成功时执行Response函数
})
}
)
});
function loading(){
$('#loading_img').html('<img src="images/loading.gif"/>');
}
function Response(data){
$('#loading_img').html(data);
}
</script>
<div id="loading_img">点击加载</div>
<script type="text/javascript">
$(function() {
$("#loading_img").click(
function()
{
$.ajax({
type:"GET",
url:"demo.php",
data:"name=wuxiaoyong",
beforeSend:loading,//执行ajax前执行loading函数.直到success
success:Response //成功时执行Response函数
})
}
)
});
function loading(){
$('#loading_img').html('<img src="images/loading.gif"/>');
}
function Response(data){
$('#loading_img').html(data);
}
</script>
<div id="loading_img">点击加载</div>
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
