首页 > 代码库 > jquery获得搜索结果在前台输出
jquery获得搜索结果在前台输出
$.each(data, function (k, v) {
var str ="<tr class=‘text-c sch‘><td><input type=‘checkbox‘ value="http://www.mamicode.com/+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‘></i></a><a style=‘text-decoration:none‘"
+" class=‘ml-5‘ onClick=‘‘ href=http://www.mamicode.com/‘../article-add/"+v.id+"‘ title=‘编辑‘><i class=‘Hui-iconfont‘></i>"
+"</a><a style=‘text-decoration:none‘ class=‘ml-5‘ onClick=‘article_del(this,"+v.id+")‘href=‘javascript:;‘‘"
+" title=‘删除‘><i class=‘Hui-iconfont‘></i></a></td></tr>";
$("#tb").append(str);
});
如上图所示,jquery通过ajax从后台拿到搜索结果后,一般是一个数组集合,此刻通过$.each遍历数组,将搜索结果逐一显示在前台页面,
通常是一个var字符串再加一个append即可。切忌不要使用for循环等方法。
jquery获得搜索结果在前台输出