> php教程 > php手册 > ajax仿官网搜索功能

ajax仿官网搜索功能

WBOY
풀어 주다: 2016-06-07 11:44:33
원래의
1250명이 탐색했습니다.

ajax仿官网搜索功能献丑了送给那些被为ajax折磨的同学
后台实现代码//搜索苍老师,如果苍老师在1不再0<br> function search(){<br>     $keyword = $_POST['search'];<br>     $Goods=M('goods');<br>   //这里我做的一个模糊查询到名字或者对应的id,主要目的因为我这个系统是<br>   //商城系统里面用到直接看产品ID<br>     $map['goods_id|goods_name']  = array('like','%'.$keyword.'%');<br>     // 把查询条件传入查询方法<br>     if($goods=$Goods->where($map)->select())<br>     {<br>     $this->ajaxReturn($goods,'查询成功!',1);<br> <br>      }else{<br>     $this->ajaxReturn($data,"查询失败,数据不存在!",0);<br>      }<br>     }前端代码<script><br /> $(document).ready(function(){<br /> $(".show_message").hide();<br /> var $search=$('#search_box');<br /> $("#submit_from").click(function(){<br /> if($("#search_box").attr("value")=='')<br /> {<br /> //alert('请输入文字!');<br /> $(".show_message").html('错误提示:搜索框文本不能为空!');<br /> $(".show_message").fadeIn(1000);<br /> $(".show_message").fadeOut(1000);<br /> $search.focus();<br /> //return false;<br /> }else{<br /> //开始ajax执行数据<br /> $.ajax({<br /> type: "POST",<br /> url:"/index.php/Goods/search",<br /> data:{<br /> search:$search.val()<br /> },<br /> dataType: "json",<br /> success: function (data) {<br /> if (data.status == 1) {<br /> //alert(data.info);<br /> var html='<table class="striped" id="senfe"><thead class="striped-top"><tr><th>商品编号<th class="right">商品名字<th class="right">添加日期<th class="right">商品品牌<th class="right">商品价格<tbody>';<br /> /*<th class="right">编辑<th class="right">删除*/<br /> $.each(data.data,function(no,items){ <br /> html+='<tr><td>'+items.goods_id+'<td class="right"><a href="/Goods/show/id/'+items.goods_id+'">'+items.goods_name+'<td class="right">'+items.add_time+'<td class="right">'+items.brand+'<td class="right">'+items.price+'';<br /> /*<td class="right"><a href="/Goods/edit/id/{$vo.goods_id}">编辑<td class="right"><a href="#">删除*/<br /> <br /> });<br /> html+=""; <br /> $(".goods-list").html(' ').html(html);<br /> // alert(html);<br /> }<br /> else if (data.status == 0) {<br /> $(".show_message").show();<br /> $(".show_message").html(data.info);<br /> $(".show_message").fadeOut(3000);<br /> // alert(data.info);<br /> <br /> return false;<br /> }<br /> }<br /> });<br /> }<br /> });<br /> });<br /> </script>这里是页面代码        <br> <div> <br>    <div> <br>      <h2>搜点什么呢</h2> <br>      <input><br>    </div> <br>    <a>搜 索</a><br> </div>

AD:真正免费,域名+虚机+企业邮箱=0元

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 추천
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿