<span id="z1bp7"><pre id="z1bp7"></pre></span>

    <listing id="z1bp7"><strike id="z1bp7"><mark id="z1bp7"></mark></strike></listing>

        <pre id="z1bp7"></pre>

            <sub id="z1bp7"></sub>
            <big id="z1bp7"></big>

              <i id="z1bp7"><big id="z1bp7"></big></i>
              <del id="z1bp7"><video id="z1bp7"></video></del>

              推揚網

               找回密碼
               立即注冊

              QQ登錄

              只需一步,快速開始

              搜索
              推揚網 門戶 你問我答 查看內容

              AJAX卡關 一起幫忙解決難題,拯救 IT 人的一天

              2021-11-6 13:25| 發布者: admin| 查看: 2358| 評論: 0|原作者: admin|來自: 推楊站長網

              摘要: success: function (data) { // request 成功取得回應後執行 let list_html = &#039;&#039;; $.each(data, function (index, it...
              success: function (data) { // request 取得成功獲得回復後實行 let list_html = ''; $.each(data, function (index, item) { console.log(item.item_id); console.log(item.star); list_html = `<li data-id="${item.item_id}" data-star="${item.star}" data-sort="${item.sort}"> <div class="item_flex"> <div class="left_block"> <div class="btn_flex"> <button type="button" class="btn_up">往上面</button> <button type="button" class="btn_down">向下</button> </div> </div> <div class="middle_block"> <div class="star_block"> <span class="star" data-star="1"><i class="fas fa-star"></i></span> <span class="star" data-star="2"><i class="fas fa-star"></i></span> <span class="star" data-star="3"><i class="fas fa-star"></i></span> <span class="star" data-star="4"><i class="fas fa-star"></i></span> <span class="star" data-star="5"><i class="fas fa-star"></i></span> </div> <p class="para">${item.name}</p> <input type="text" class="task_name_update -none" placeholder="升級待辦事宜…" value="${item.name}"> </div> <div class="right_block"> <div class="btn_flex"> <button type="button" class="btn_update">升級</button> <button type="button" class="btn_delete">清除</button> </div> </div> </div> </li>` }); $("ul.task_list").html(list_html); },

              AJAX 從伺服驅動器獲得JSON列陣 串連在HTML里 想要知道為何麼我的each循壞只能抓數據庫索引數值1的json列陣放進去??

              這也是教師的案例 我還是看不出來區別在哪兒求得

              success: function(data){ // request 取得成功獲得回復後實行 console.log(data); let list_html = ''; $.each(data, function(index, item){ list_html = '<li data-id="' item.item_id '" data-star="' item.star '" data-sort="' item.sort '">'; list_html = '<div class="item_flex">'; list_html = '<div class="left_block">'; list_html = '<div class="btn_flex">'; list_html = '<button type="button" class="btn_up">往上面</button>'; list_html = '<button type="button" class="btn_down">向下</button>'; list_html = '</div>'; list_html = '</div>'; list_html = '<div class="middle_block">'; list_html = '<div class="star_block">'; list_html = '<span class="star' (item.star >= 1 ? " -on" : "") '" data-star="1"><i class="fas fa-star"></i></span>'; list_html = '<span class="star' (item.star >= 2 ? " -on" : "") '" data-star="2"><i class="fas fa-star"></i></span>'; list_html = '<span class="star' (item.star >= 3 ? " -on" : "") '" data-star="3"><i class="fas fa-star"></i></span>'; list_html = '<span class="star' (item.star >= 4 ? " -on" : "") '" data-star="4"><i class="fas fa-star"></i></span>'; list_html = '<span class="star' (item.star >= 5 ? " -on" : "") '" data-star="5"><i class="fas fa-star"></i></span>'; list_html = '</div>'; list_html = '<p class="para">' item.name '</p>'; list_html = '<input type="text" class="task_name_update -none" placeholder="升級待辦事宜…" value="' item.name '">'; list_html = '</div>'; list_html = '<div class="right_block">'; list_html = '<div class="btn_flex">'; list_html = '<button type="button" class="btn_update">升級</button>'; list_html = '<button type="button" class="btn_delete">清除</button>'; list_html = '</div>'; list_html = '</div>'; list_html = '</div>'; list_html = '</li>'; }); $("ul.task_list").html(list_html); },[ { "item_id": 899, "name": "一二三", "star": 0, "sort": 1 }, { "item_id": 118, "name": "四五六", "star": 0, "sort": 1 }]

              這也是json獲得的內容 為一個列陣


              鮮花

              握手

              雷人

              路過

              雞蛋

              最新評論

              熱門推薦
              最新資訊

              廣告服務|投稿要求|禁言標準|版權說明|免責聲明|手機版|小黑屋|推揚網 ( 粵ICP備18134897號 )|網站地圖 | 郵箱:vayae@hotmail.com

              GMT+8, 2022-6-26 05:22 , Processed in 0.071487 second(s), 28 queries .

              Powered by Discuz! X3.4

              © 2001-2017 Comsenz Inc.

              返回頂部
              <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>