為什么沒有顯示效果？
為什么我測試不了？自己放在本地VScode調試也不行，但是打開接口還是看到數據還在的。
慕先生6483341
2020-04-23
3 回答
舉報
0/150
提交
取消
2021-03-09
應該是跨域問題吧，我也是這樣，最后直接在網頁的編輯器里把url改成相對路徑就能看到效果了
2020-05-03
可以運行的，請確認你寫對了。
<!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格式數據</title>
? ? ? ? <script src="https://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">我最喜歡的一項運動</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://www.xianlaiwan.cn/data/sport.json', function(data){
? ? ? ? ? ? ? ? ? ? ? ? $this.attr("disabled", "true");
? ? ? ? ? ? ? ? ? ? ? ? $.each(data, function (index, sport) {
? ? ? ? ? ? ? ? ? ? ? ? ? ? if(index==3)
? ? ? ? ? ? ? ? ? ? ? ? ? ? $("ul").append("<li>" + sport["name"] + "</li>");
? ? ? ? ? ? ? ? ? ? ? ? });
? ??
? ? ? ? ? ? ? ? ? ? });
? ? ? ? ? ? ? ? })
? ? ? ? ? ? });
? ? ? ? </script>
? ? </body>
</html>
2020-04-29
?<script src="https://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
$.getJSON("http://www.xianlaiwan.cn/data/sport.json",function(data)
注意2個http后面都加上s,function內的參數記得加上data