1. 程式人生 > >jquery獲得搜索結果在前臺輸出

jquery獲得搜索結果在前臺輸出

upd tex pointer ima con sta article man ted

$.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獲得搜索結果在前臺輸出