js小的小马克

ajax前后端配合，马克一下，方便查询

jquery开头和取得相应id的值

 $(document).ready(function(){

     $("#sj").click(function(){
     var k=$("#pro").val();
     var st=$("#pro").val();
         alert(k);
     });

     });

添加ajax和后台

             $.ajax({
                 url:"{:U('Index/pajax')}",
                 data:{
                     "sid":k,
                     "st":st
                 },
                 type:"post",
                 success:function(result){
                 $("#div1").html(result);

                 alert(result);
             }
             });

后台

 public function pajax(){
         if(IS_POST){

             show_bug($_POST,"后台数据");
         }
 }

贴上完整的代码，后端表两个一个是目录 ，一个是内容，用的开源的qw后台。

前台js，product是需要插入的内容

 <script>
     $(document).ready(function(){

     $("#sj").click(function(){
     var k=$("#pro").val();
     var st=$("#custom_con").val();

             $.ajax({
                 url:"{:U('Index/pajax')}",
                 data:{
                     "sid":k,
                     "st":st
                 },
                 type:"post",
                 success:function(result){
                     $("#products").empty();
                     $("#page").empty();
                 $("#products").html(result);

 //                alert(result);
             }
             });

     });

     });

前台js

后台方法

 public function pajax(){
         if(IS_POST){
             $cat=M('category')->where("pid=36")->select();
             if(I('sid')===0){
                 foreach ($cat as $key=>$value){
                     if($key==0){
                         $condition="sid=".$value['id'];
                     }else{
                         $condition=$condition." OR sid=".$value['id'];
                     }
                 }
             }
            else{
                $condition="sid=".$_POST['sid'];
            }
            if(I('st')){
                 $condition.=" and title like  '%".I('st')."%'";
            }
             $products=M('article')->where($condition)->select();
             $this->assign("products",$products);
            $this->display('pajax');
         }
 }

后台函数

后台的展示模版

  <ul>
                 <volist name="products" id="vo">
                     <li class="program">
                         <div class="program_top">
                             <img src="{$vo.thumbnail}" alt=""/>
                             <a href="">
                                 <div class="program_model">
                                     <img src="__PUBLIC__/home/images/search1.png" alt=""/>
                                     <p>查看详情</p>
                                 </div>
                             </a>
                         </div>
                         <span>{$vo.title}</span>
                     </li>
                 </volist>
             </ul>

ajax展示页面