ajax仿thinkphp官网搜索功能
来源:互联网 发布:qq防举报软件 编辑:程序博客网 时间:2024/06/06 04:18
后台实现代码
//搜索苍老师,如果苍老师在1不再0function search(){ $keyword = $_POST['search']; $Goods=M('goods'); //这里我做的一个模糊查询到名字或者对应的id,主要目的因为我这个系统是 //商城系统里面用到直接看产品ID $map['goods_id|goods_name'] = array('like','%'.$keyword.'%'); // 把查询条件传入查询方法 if($goods=$Goods->where($map)->select()) { $this->ajaxReturn($goods,'查询成功!',1); }else{ $this->ajaxReturn($data,"查询失败,数据不存在!",0); } }
前端代码
<script type="text/javascript">$(document).ready(function(){ $(".show_message").hide(); var $search=$('#search_box'); $("#submit_from").click(function(){ if($("#search_box").attr("value")=='') { //alert('请输入文字!'); $(".show_message").html('错误提示:搜索框文本不能为空!'); $(".show_message").fadeIn(1000); $(".show_message").fadeOut(1000); $search.focus(); //return false; }else{ //开始ajax执行数据 $.ajax({ type: "POST", url:"/index.php/Goods/search", data:{ search:$search.val() }, dataType: "json", success: function (data) { if (data.status == 1) { //alert(data.info); var html='<table class="striped" id="senfe"><thead class="striped-top"><tr><th>商品编号</th><th class="right">商品名字</th><th class="right">添加日期</th><th class="right">商品品牌</th><th class="right">商品价格</th></tr></thead><tbody>'; /*<th class="right">编辑</th><th class="right">删除</th>*/ $.each(data.data,function(no,items){ html+='<tr><td>'+items.goods_id+'</td><td class="right"><a href="/Goods/show/id/'+items.goods_id+'">'+items.goods_name+'</a></td><td class="right">'+items.add_time+'</td><td class="right">'+items.brand+'</td><td class="right">'+items.price+'</td></tr>'; /*<td class="right"><a href="/Goods/edit/id/{$vo.goods_id}">编辑</a></td><td class="right"><a href="#">删除</a></td>*/ }); html+="</tbody></table>"; $(".goods-list").html(' ').html(html); // alert(html); } else if (data.status == 0) { $(".show_message").show(); $(".show_message").html(data.info); $(".show_message").fadeOut(3000); // alert(data.info); return false; } } }); } });});</script>
这里是页面代码
<div class="search_goods l mt10 mb20"> <div class="mb5 l search"> <h2 class="title">搜点什么呢</h2> <input type="text" name="search" id="search_box"/> </div> <a href="javascript:goods_search.submit();" id="submit_from" class="button orange" style="width:34px;height:12px;font-size:13px;color:#000;margin-left:30px;">搜 索</a></div>
- ajax仿thinkphp官网搜索功能
- ThinkPHP实现ajax仿官网搜索功能实例
- 仿搜索自动联想功能
- AJAX仿EXCEL表格功能
- ajax自动搜索功能
- Ajax实现搜索功能
- 仿百度ajax搜索提示(jsp)
- 仿Google搜索自动提示 jQuery+Ajax
- php+ajax 仿百度搜索效果
- Ajax+Servlet+jsp仿百度搜索效果
- jQuery+ThinkPHP+Ajax实现即时消息提醒功能
- 仿百度词条搜索功能代码
- 仿百度搜索下拉提示功能
- JAVA___jQuery+AJAX_仿百度搜索功能
- JSP:智能搜索提示(功能简易仿搜索…
- asp.net+ajax仿搜索提示效果代码
- AJAX小案例:动态搜索提示(仿百度)
- Ajax搜索框的自动提示功能
- Android常见问题
- stl::string 函数备份
- jquery里截取获取的字符的前后空格
- Android 中使用自定义字体的方法
- java_JOGL_安装,例子
- ajax仿thinkphp官网搜索功能
- Android 在一个应用中如何启动另外一个已安装的应用!!!
- C# 网络编程之获取本机名、ip地址、域名、物理位置
- 对vector等STL标准容器进行排序操作
- mysql分表与分区
- Xcode4.0版本自己创建MainWindow.xib
- 不弹出提示框直接导出excel
- 解决IE浏览器缓存通用方法
- Android Studio真机调试