关于JQ的AJAX

1. 本文实例讲述了ThinkPHP实现ajax仿官网搜索功能的方法。分享给大家供大家参考。
3. 具体实现方法如下：
5. 后台代码:
8. 代码如下:
10. //搜索，如果在1不在0  
11.  function search(){  
12.      $keyword = $_POST['search'];  
13.      $Goods=M('goods');  
14.    //这里我做的一个模糊查询到名字或者对应的id,主要目的因为我这个系统是  
15.    //商城系统里面用到直接看产品ID  
16.      $map['goods_id|goods_name']  = array('like','%'.$keyword.'%');  
17.      // 把查询条件传入查询方法  
18.      if($goods=$Goods->where($map)->select())  
19.       {  
20.                $this->ajaxReturn($goods,'查询成功!',1);  
21.       }else{  
22.                $this->ajaxReturn($data,"查询失败,数据不存在！",0);  
23.   }  
24.  }
26. 前端代码:
28. 代码如下:
30. $(document).ready(function(){  
31.     $(".show_message").hide();  
32.     var $search=$('#search_box');  
33.     $("#submit_from").click(function(){  
34.      if($("#search_box").attr("value")=='')  
35.      {  
36.          //alert('请输入文字!');  
37.          $(".show_message").html('错误提示：搜索框文本不能为空！');  
38.          $(".show_message").fadeIn(1000);  
39.          $(".show_message").fadeOut(1000);  
40.          $search.focus();  
41.          //return false;  
42.      }else{  
43.          //开始ajax执行数据  
44.          $.ajax({  
45.              type: "POST",  
46.              url:"/index.php/Goods/search",  
47.              data:{  
48.                  search:$search.val()  
49. //data: {hah:aaa,hah2:bbb}
50.              },  
51.              dataType: "json",  
52.              success: function (data) {  
53.      if (data.status == 1) {  
54.              //alert(data.info);  
55.              var html='';  
56.                      $.each(data.data,function(no,items){      
57.                      html+='';  
58.                      });  
59.                      html+="  
60.  '+items.goods_id+' '+items.goods_name+' '+items.add_time+' '+items.brand+' '+items.price+'";      
61.                       $(".goods-list").html(' ').html(html);  
62.                     // alert(html);  
63.      }  
64.      else if (data.status == 0) {  
65.          $(".show_message").show();  
66.          $(".show_message").html(data.info);  
67.                      $(".show_message").fadeOut(3000);  
68.      //    alert(data.info);  
69.            return false;  
70.          }  
71.        }  
72.           });  
73.      }  
74.    });  
75.  });