您的位置:首页 > Web前端 > JQuery

jquery loading效果

2014-02-22 12:38 411 查看
<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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: