ThinkPHP实现ajax仿官网搜索功能实例
程序员文章站
2023-11-18 20:45:52
本文实例讲述了thinkphp实现ajax仿官网搜索功能的方法。分享给大家供大家参考。
具体实现方法如下:
后台代码:
复制代码 代码如下://搜索,如果在1不在0&...
本文实例讲述了thinkphp实现ajax仿官网搜索功能的方法。分享给大家供大家参考。
具体实现方法如下:
后台代码:
复制代码 代码如下:
//搜索,如果在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);
}
}
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;
}
}
});
}
});
});
$(".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框架程序设计有所帮助。
下一篇: php提取字符串中网站url地址的方法
推荐阅读
-
thinkPHP+mysql+ajax实现的仿百度一下即时搜索效果详解
-
ThinkPHP实现ajax仿官网搜索功能实例
-
thinkPHP+mysql+ajax实现的仿百度一下即时搜索效果详解
-
jQuery+ThinkPHP+Ajax实现即时消息提醒功能实例代码
-
JavaScript仿小米官网注册登录功能的实现
-
ThinkPHP实现ajax仿官网搜索功能实例
-
ThinkPHP实现ajax仿官网搜索功能实例_php实例
-
Bootrap和Vue实现仿百度搜索功能实例
-
ThinkPHP实现ajax仿官网搜索功能实例,thinkphpajax
-
ThinkPHP结合ajax、Mysql实现的客户端通信功能代码示例_php实例