<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html?xmlns="http://www.w3.org/1999/xhtml">
????<head>
????????<title>使用getJSON()方法異步加載JSON格式數(shù)據(jù)</title>
????????<script?src="http://libs.baidu.com/jquery/1.9.0/jquery.js"?type="text/javascript"></script>
????????<link?href="style.css"?rel="stylesheet"?type="text/css"?/>
????</head>
????
????<body>
????????<div?id="divtest">
????????????<div?class="title">
????????????????<span?class="fl">我最喜歡的一項(xiàng)運(yùn)動</span>?
????????????????<span?class="fr">
????????????????????<input?id="btnShow"?type="button"?value="加載"?/>
????????????????</span>
????????????</div>
????????????<ul></ul>
????????</div>
????????
????????<script?type="text/javascript">
????????????$(function?()?{
????????????????$("#btnShow").bind("click",?function?()?{
????????????????????var?$this?=?$(this);
????????????????????$.getJSON('http://idcbgp.cn/data/sport.json',function(data){
????????????????????????$this.attr("disabled",?"true");
????????????????????????$.each(data,?function?(index,?object)?{
??????????????????????
????????????????????????????if(index==3)
????????????????????????????$("ul").append("<li>"?+?object["name"]?+?"</li>");
????????????????????????????
????????????????????????});
????????????????????})
????????????????????});
????????????????})
???????????
????????</script>
????</body>
</html>這里在li輸出object['name'] 是什么鬼,沒看懂。。打印了一下name也看不到是什么東西。。
慕課網(wǎng)的getJSON問題
慕勒5811226
2016-06-26 23:03:03