本篇文章为大家展示了如何在ThinkPHP项目中利用ajax实现一个搜索功能,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。
具体实现方法如下:
<强>后台代码:
代码如下:
//搜索,如果在1不在0,
函数搜索(){,
,,,$关键字=$ _POST[& # 39;搜索# 39;];,
,,,商品=美元(& # 39;商品# 39;),,
,//这里我做的一个模糊查询到名字或者对应的id,主要目的因为我这个系统是,
,//商城系统里面用到直接看产品ID
,,,$地图[& # 39;goods_id | goods_name& # 39;],=数组(& # 39;像# 39;& # 39;% & # 39;。关键字# 39;公司美元% & # 39;),,
,,,//把查询条件传入查询方法,
,,,如果(商品=商品→美元(美元地图)→选择()),
,,,,{,
,,,,,,,,,,,,,$ this→ajaxReturn(美元商品,& # 39;查询成功! & # 39;,1),,
,,,,}{,其他
,,,,,,,,,,,,,$ this→ajaxReturn ($ data,“查询失败,数据不存在!“,0),,
,},
}
<强>前端代码:
代码如下:
$(文档)时(函数(){,
,,$ (“.show_message") hide (),,
,,var搜索=美元(& # 39;# search_box& # 39;),,
,,$ (“# submit_from") .click(函数(){,
,,,if ($ (“# search_box") .attr (“value")==& # 39; & # 39;),
,,,{,
,,,,,,,//警报(& # 39;请输入文字! & # 39;),,
,,,,,,,$ (“.show_message") . html(& # 39;错误提示:搜索框文本不能为空! & # 39;),,
,,,,,,,$ (“.show_message") .fadeIn (1000),,
,,,,,,,$ (“.show_message") .fadeOut (1000),,
,,,,,,,$ search.focus (),,
,,,,,,,//返回false,,
,,,}{,其他
,,,,,,,//开始ajax执行数据,
,,,,,,,. ajax({,美元
,,,,,,,,,,,类型:“POST",,
,,,,,,,,,,,url:“/index . php/商品/search",,
,,,,,,,,,,,数据:{,
,,,,,,,,,,,,,,,搜索:$ search.val (),
,,,,,,,,,,,},,
,,,,,,,,,,,数据类型:“json",,
,,,,,,,,,,,成功:功能(数据){,
,,,如果(数据)。==1){状态,
,,,,,,,,,,,//警报(data.info);,
,,,,,,,,,,,var html=& # 39; & # 39;,,
,,,,,,,,,,,,,,,,,,,每美元(data.data、功能(不,项目){,,,,
,,,,,,,,,,,,,,,,,,,html +=& # 39; & # 39;,,
,,,,,,,,,,,,,,,,,,,}),,
,,,,,,,,,,,,,,,,,,,html +=?
& # 39; + items.goods_id + & # 39;& # 39;+ items.goods_name + & # 39;& # 39;+ items.add_time + & # 39;& # 39;+ items.brand + & # 39;& # 39;+ items.price + & # 39;“,,,,,,
,,,,,,,,,,,,,,,,,,,,$ (“.goods-list") . html (& # 39;& # 39;). html (html),,
,,,,,,,,,,,,,,,,,,//警报(html),,
,,,},
,,,else if(数据。状态==0){,
,,,,,,,$ (“.show_message"),告诉(),,
,,,,,,,$ (“.show_message") . html (data.info);,
,,,,,,,,,,,,,,,,,,,$ (“.show_message") .fadeOut (3000),,
,,,//,,,警报(data.info);,
,,,,,,,,,返回false,,
,,,,,,,},
,,,,,},null
