ThinkPHP实现ajax仿官网搜索功能实例

前端之家收集整理的这篇文章主要介绍了ThinkPHP实现ajax仿官网搜索功能实例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例讲述了ThinkPHP实现ajax仿官网搜索功能方法分享给大家供大家参考。

具体实现方法如下:

后台代码:

代码如下:
where($map)->select()) { $this->ajaxReturn($goods,'查询成功!',1); }else{ $this->ajaxReturn($data,"查询失败,数据不存在!",0); } }

前端代码:

代码如下:
404">$(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框架程序设计有所帮助。

原文链接:https://www.f2er.com/thinkphp/23192.html

猜你在找的ThinkPHP相关文章