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

$.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‘></i></a><a style=‘text-decoration:none‘"
+" class=‘ml-5‘ onClick=‘‘ href=‘../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循环等方法。

时间: 2024-10-18 01:21:37

jquery获得搜索结果在前台输出的相关文章

后台向前台输出 换行“\n”

MVC 中后台向前台输出 "\n"总是报错 因为后台向前台输出 "\n" 后,前台出现换行  eg: "这里是\n换行" var str="这里是 换行"; 这里的\n被翻译成换行,这个变量就出现问题了! 可以在后台输出时把"\n"替换成 <br/>

JQuery AutoComplete搜索智能提示

首先需要引入的文件有: jquery-ui-1.10.4.custom.min.cssjquery-ui-1.10.4.custom.min.js 然后在后台组织json格式的数据,组织成一个list型数据String id;String label;String value; 如: var availableTagsJSON = [ { label: "C#", value: "C#", id: "1" }, { label: "C+

Java读写文件,在文件中搜索内容,并输出含有该内容的所有行

1.问题描述 在一个目录及子目录下查找 TXT或Java文件,从中搜索所有"对象"字样的行. 在D盘中的所有文件中搜索含有"对象"的行. 2.解题思路 先找出D盘下所有文件 再对每个文件中的每行内容进行,进行查找,若含有"对象"两字,输出该行. 3.程序代码 import java.io.File; import java.io.IOException; import java.util.Scanner; public class B { sta

JQuery自定义搜索控件

小练习 根据选项搜索 效果: 1 <style type="text/css"> 2 body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button, textarea, p, th, td{ margin: 0;padding: 0;border:none;} 3 .search .border {margin-right:0px; 4 width:288px; 5 height

操作jQuery集合搜索父元素

搜索父元素 1.1parents()方法 parents()方法用于获取u当前匹配元素集合中的每个元素的祖先元素,根据需要还可以使用一个选择器进行筛选parents([selector]) 其中selector参数是可选的,表示用来筛选的表达式,即查找祖先元素可以满足的筛选条件.如未提供该参数,则返回每个匹配元素所有的祖先元素,如以下HTML代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &qu

jquery datatable搜索框添加按钮,改变keypress搜索为点击按钮搜索

都知道jquery datatable是很强大的js库.但原有的搜索模式是响应keypress的,虽然服务端模式是400ms延迟,但仍然会给服务器造成很大负担. 图1,原有样子: 图2:改变后的样子: 代码: <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-

判断一个数列是不是搜索二叉树后续遍历输出的结果

剑平面阿里被问到这个,刚开始画了下看有什么性质,乱蒙了几个都被推翻了,初始感觉就是要O(n)的,因为印象中BST的构树都可以O(nlogn)搞定.然后剑平说最后一个数肯定是根节点,一下反应过来了,就是二分出间隔点然后两边递归判断,不过这好像还是构树的思路,可以把整棵树构造出来.然后剑平说不是二分,直接遍历.不科学啊,明显的二分,然后去网上搜一下,都是遍历的,O(n^2)的吧.想了想,二分是当做合法的情况来构树的,不合法怎么判断?构造出搜索二叉树后中序遍历一下不就行了么,妥妥的O(nlogn)吧.

jquery实现搜索提示效果

1.想要实现的效果如下:其实与百度地图的城市切换部分是一样的. 代码如下:其中的知识点包括($.inArray(test,array)>0   判断test是否在数组array中)($("#input").keyup(function(){}) 当向input中输入内容时的监听事件) (val.indexOf(test)!=-1 如果test包含在val中) function searchBtn() { var customhouseName = $.trim($(".

jquery.validate 验证(支持前台js验证通过,然后ajax后台数据校验)二

  jquery.validate  为啥 源码 里面 规定 dataType: "json" 呢 因为 他配套的 是  messages  下面 的 remote  属性 验证失败就会起作用,而且 最重要的是 ,我把 dataType: "json" 去掉 之后 表单 提交不了 ,验证失败,后来我只能按照  官方的写法咯. public JsonResult ChackValuesLoginAccount() { bool success = false; var