$(function () { $.ajaxStart(function (){ alert("正在请求数据..."); }); $.ajaxStop(function (){ alert("数据请求完成！"); }); $("#btn").bind("click", function () { $.ajax({ url: "www.manyiaby.com", dataType: "json", success: function (data) { alert("姓名："+data.name); } }); }) });
10、定义一个json对象，用于保存学生的相关资料，通过$.each()工具函数，获取数组中各元素的名称与内容，显示在页面中。
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="https://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> <title>练习</title> </head> <body> <button>按钮</button> <script type="text/javascript"> $(function () { $("button").bind("click", function () { var jsonDate = [{name:"满艺网", url:"www.manyiaby.com"}]; $.each(jsonDate, function(index, data){ alert(data.name); }); }) }); </script> </body> </html>