ThinkPHP实现ajax仿官网搜索功能实例
2014-12-02 00:00
1016 查看
本文实例讲述了ThinkPHP实现ajax仿官网搜索功能的方法。分享给大家供大家参考。
具体实现方法如下:
后台代码:
前端代码:
希望本文所述对大家的ThinkPHP框架程序设计有所帮助。
具体实现方法如下:
后台代码:
//搜索,如果在1不在0 function 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); } }
前端代码:
$(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=''; $.each(data.data,function(no,items){ html+=''; }); html+=" '+items.goods_id+' '+items.goods_name+' '+items.add_time+' '+items.brand+' '+items.price+'"; $(".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; } } }); } }); });
希望本文所述对大家的ThinkPHP框架程序设计有所帮助。
相关文章推荐
- ThinkPHP实现ajax仿官网搜索功能实例
- ThinkPHP实现ajax仿官网搜索功能实例
- ajax仿thinkphp官网搜索功能
- jQuery+ThinkPHP+Ajax实现即时消息提醒功能实例代码
- ajax完美实现两个网页 分页功能的实例代码
- asp.net和ajax实现智能搜索功能代码
- ajax实现搜索关键词自动完成功能
- Jquery AjaxUpload实现文件上传功能代码实例教程
- thinkphp ajax 实例 实现
- Jquery AjaxUpload实现文件上传功能代码实例教程
- JSP + ajax实现输入框自动补全功能 实例代码
- 用ajax和asp.net实现智能搜索功能
- jQuery(Ajax)/PHP/MySQL实现搜索自动提示功能
- 用JQueryUI库中的AutoComplete组件和Ajax实现搜索建议功能
- jquery实现百度类似搜索提示功能(AJAX应用)
- JSP + ajax实现输入框自动补全功能 实例代码
- 运用ajax实现仿谷歌搜索输入提示功能(c#)
- [转] 利用AJAX实现搜索提示功能 (关键字自动匹配功能)
- AJAX实例二:实现类似Google的搜索提示【原著】
- Ajax实现搜索栏中输入时的自动提示功能