首页 > Web开发 > 详细

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

时间:2017-07-07 22:09:08      阅读:430      评论:0      收藏:0      [点我收藏+]

$.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循环等方法。

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

原文:http://www.cnblogs.com/aiit/p/7134250.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!