ThinkPHP实现ajax仿官网搜索功能实例
更新时间:2014年12月02日 14:35:59 投稿:shichen2014
这篇文章主要介绍了ThinkPHP实现ajax仿官网搜索功能的方法,实例演示了后台查询功能与前台Ajax提交搜索数据的方法,是非常实用的技巧,需要的朋友可以参考下
本文实例讲述了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框架程序设计有所帮助。
您可能感兴趣的文章:
- TP5(thinkPHP5)框架基于ajax与后台数据交互操作简单示例
- ThinkPHP5.1+Ajax实现的无刷新分页功能示例
- thinkPHP5 ajax提交表单操作实例分析
- ThinkPHP中使用ajax接收json数据的方法
- ThinkPHP结合AjaxFileUploader实现无刷新文件上传的方法
- thinkphp中AJAX返回ajaxReturn()方法分析
- thinkphp中ajax与php响应过程详解
- ThinkPHP处理Ajax返回的方法
- thinkPHP+ajax实现统计页面pv浏览量的方法
- thinkphp验证码的实现(form、ajax实现验证)
- thinkPHP5框架实现基于ajax的分页功能示例
- TP5(thinkPHP5)框架使用ajax实现与后台数据交互的方法小结
相关文章
Thinkphp 在api开发中异常返回依然是html的解决方式
今天小编就为大家整理了一篇Thinkphp 在api开发中异常返回依然是html的解决方式,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2019-10-10php源码之将图片转化为data/base64数据流实例详解
在网站开发中,我们可以看到有的网站将图片转化为base64数据流,这样做的好处有两点,一是减少服务器http请求,二是可以将图片作为字符串存储在数据库中,即图片可以直接从数据库中读取,那么php如何将图片转化为data/base64字符串呢?,需要的朋友可以参考下2016-11-11优化WordPress的Google字体以加速国内服务器上的运行
这篇文章主要介绍了优化WordPress的Google字体以加速国内服务器上的运行的方法,由于谷歌在内地被墙导致其更新等方面都收到不同程度的影响,需要的朋友可以参考下2015-11-11
最新评论