<!DOCTYPE?html>
<html>
????<head>
????????<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
????????<title>挑戰題</title>
????</head>
????<body>
????????<div><input?id="btnShow"?type="button"?value="加載學生信息"/></div>
????????<ul></ul>
????????<script>
????????????var?source=[{'name':'kayber'},
????????????????????????{'age':'18'},
????????????????????????{'sex':'male'},
????????????????????????{'score':'100'}
???????????????????????];
????????????$("#btnShow").bind("click",function(){
????????????????$.each(source,function(index,sport){
????????????????????$("ul").append("<li>姓名:"+sport.name+"</li><li>年齡:"+sport.age+"</li><li>性別:"+sport.sex+"</li><li>分數:"+sport.score+"</li>")
????????????????})
????????????})
????????????
????????</script>
????????
????</body>
</html>
2017-08-04
<!DOCTYPE html>
<html>
??? <head>
??????? <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
??????? <title>挑戰題</title>
??????? <script src="http://libs.baidu.com/jquery/1.8.2/jquery.js" type="text/javascript"></script>
??? </head>
??? <body>
??????? <div><input id="btnShow" type="button" value="加載學生信息"/></div>
??????? <ul></ul>
??????? <script type="text/javascript">
?? ??? ?//用JSON語法定義對象source
??????????? var source={name:'kayber',
??????????????????????? age:'18',
??????????????????????? sex:'male',
??????????????????????? score:'100'};
?? ??? ?//文檔加載完畢執行
?? ?$(function(){
??????????? $("#btnShow").bind("click",function(){
?? ??? ??? ??? ?//定義一個數組，取出JSON對象數據
?? ??? ??? ??? ?var arr=new Array();
??????????????? $.each(source,function(index,sport){
?? ??? ??? ??? ??? ?//將遍歷數據放入數組
?? ??? ??? ??? ??? ?arr[index]=sport;
?????????????????? ?
??????????????? });//each結束
?? ??? ??? ??? ?//將數組內容放入文檔
?? ??? ??? ??? ?$("ul").append("<li>姓名:"+arr['name']+"</li><li>年齡:"+arr['age']+"</li><li>性別:"+arr['sex']+"</li><li>分數:"+arr['score']+"</li>");
??????????? });//bind結束
?? ??? ??? ??? ??? ??? ?});//$()結束
??????????? ?
??????? </script>
??????? ?
??? </body>
</html>
2017-08-04
錯的太多，等我給你改一下
2017-08-04
<script src="http://libs.baidu.com/jquery/1.8.2/jquery.js" type="text/javascript"></script>
放入head里面
2017-08-04
沒有引入jquery，^_^