jquery获得搜索结果在前台输出

Posted 2020-09-27 mayer326

$.each(data, function (k, v) {
var str ="<tr class=‘text-c sch‘><td><input type=‘checkbox‘ value="+v.id+"name=‘duoxuan‘></td>"
+ "<td>"+v.id+"</td><td class=‘text-l‘><u style=‘cursor:pointer‘ class=‘text-primary‘ onClick=‘‘ title=‘查看‘>"
+v.title+"</u></td><td>"+v.name+"</td><td>"+v.updated_at+"</td>"
+"<td>21212</td><td class=‘td-status‘><span class=‘label label-success radius‘>已发布</span></td>"
+"<td class=‘f-14 td-manage‘><a style=‘text-decoration:none‘ onClick=‘article_stop(this,‘10001‘)‘"
+" href=‘javascript:;‘ title=‘下架‘><i class=‘Hui-iconfont‘>&#xe6de;</i></a><a style=‘text-decoration:none‘"
+" class=‘ml-5‘ onClick=‘‘ href=‘../article-add/"+v.id+"‘ title=‘编辑‘><i class=‘Hui-iconfont‘>&#xe6df;</i>"
+"</a><a style=‘text-decoration:none‘ class=‘ml-5‘ onClick=‘article_del(this,"+v.id+")‘href=‘javascript:;‘‘"
+" title=‘删除‘><i class=‘Hui-iconfont‘>&#xe6e2;</i></a></td></tr>";

$("#tb").append(str);

});

如上图所示，jquery通过ajax从后台拿到搜索结果后，一般是一个数组集合，此刻通过$.each遍历数组，将搜索结果逐一显示在前台页面，

通常是一个var字符串再加一个append即可。切忌不要使用for循环等方法。