課程
/前端開發(fā)
/jQuery
/jQuery基礎(chǔ)(五)一Ajax應(yīng)用與常用插件
為什么我測試不了？自己放在本地VScode調(diào)試也不行，但是打開接口還是看到數(shù)據(jù)還在的。
2020-04-23
源自：jQuery基礎(chǔ)(五)一Ajax應(yīng)用與常用插件 1-2
正在回答
應(yīng)該是跨域問題吧，我也是這樣，最后直接在網(wǎng)頁的編輯器里把url改成相對路徑就能看到效果了
可以運(yùn)行的，請確認(rèn)你寫對了。
<!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="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">我最喜歡的一項(xiàng)運(yùn)動(dòng)</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, sport) {
? ? ? ? ? ? ? ? ? ? ? ? ? ? if(index==3)
? ? ? ? ? ? ? ? ? ? ? ? ? ? $("ul").append("<li>" + sport["name"] + "</li>");
? ? ? ? ? ? ? ? ? ? ? ? });
? ? ? ? ? ? ? ? ? ? });
? ? ? ? ? ? ? ? })
? ? ? ? ? ? });
? ? ? ? </script>
? ? </body>
</html>
?<script src="https://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
$.getJSON("http://idcbgp.cn/data/sport.json",function(data)
注意2個(gè)http后面都加上s,function內(nèi)的參數(shù)記得加上data
舉報(bào)
如何用jquery實(shí)現(xiàn)ajax應(yīng)用，加入學(xué)習(xí)，有效提高前端開發(fā)速度
1 回答為什么沒有效果？
1 回答為什么沒有效果
2 回答為什么沒有效果？
1 回答為什么會(huì)沒有效果
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2021-03-09
應(yīng)該是跨域問題吧，我也是這樣，最后直接在網(wǎng)頁的編輯器里把url改成相對路徑就能看到效果了
2020-05-03
可以運(yùn)行的，請確認(rèn)你寫對了。
<!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="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">我最喜歡的一項(xiàng)運(yùn)動(dòng)</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, 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://idcbgp.cn/data/sport.json",function(data)
注意2個(gè)http后面都加上s,function內(nèi)的參數(shù)記得加上data