推扬网

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
推扬网 门户 你问我答 查看内容

AJAX卡关 一起帮忙解决难题,拯救 IT 人的一天

2021-11-6 13:25| 发布者: admin| 查看: 159| 评论: 0|原作者: admin|来自: 推杨站长网

摘要: success: function (data) { // request 成功取得回應後執行 let list_html = ''; $.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号 )|网站地图

GMT+8, 2021-12-8 08:32 , Processed in 0.071181 second(s), 28 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

返回顶部