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);
            }
            });



    });

    });

后台方法

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>