常用方法:
load(url,[data],[callback])
url:请求服务器地址,data:请求时发送的数据,callback:数据请求成功后执行的回调函数
$(function(){ $("#btn_show").bind(‘click‘,function(){ $("ul").html("<img sc=‘images/Loading.gif‘/>"); //调用load方法,通过AJAX请求加载服务器中数据,并把结果放在指定元素中 $("ul").load("http://www.imooc.com/data/fruit_part.html",function(){ $("#btn_show").attr("disabled","true"); }) }) });
使用getJSON方法异步加载JSON格式数据:
jQuery.getJSON(url,[data],[callback])或$.getJSON(url,[data],[callback])
<script> $(function(){ $("#btn_show").bind("click",function(){ //异步加载JSON格式数据,并遍历数据 $.getJSON("http://www.imooc.com/data/sport.json",function(data){ $.each(data,function(index, sport){ if(index == 3) $(ul").appedn("<li>"+sport["name"]+"</li>"); }) }) }) }); </script>
原文:http://www.cnblogs.com/gzc0918/p/5124008.html