导航栏 $_ajax异步局部刷新加载内容

来源：互联网发布：爱国知乎编辑：程序博客网时间：2024/05/22 14:41

效果相当于点击左边导航右边内容异步切换内容

    public function index() {             if (false == F('job_list')) {            $recruitment = M('article')->where(array('cate_id' => 10, 'status' => 1))->select();            F('job_list', $recruitment);        }        $recruitment = F('job_list');        $this->assign('recruitment', $recruitment);    public function get_list() {        $id=$this->_request('id','intval');        if (false == F('job_list')) {            $recruitment = M('article')->where(array('cate_id' => 10, 'status' => 1))->select();            F('job_list', $recruitment);        }        $recruitment = F('job_list');        if(!$id|| !$recruitment){            $this->ajaxReturn(0);        }        foreach($recruitment as $k=>$v){            if($v['id']==$id){                $info=$v['info'];            }        }        foreach($recruitment as $k=>$v){            if($v['id']==$id){                $info=$v['info'];            }        }        $this->ajaxReturn(1, $info);    }

$(function () {    $(".J-tab").eq(0).trigger('click'); })  $(".J-tab").click(function () {     var id = $(this).attr('data-id');     $.ajax({              url: "{:U('index/get_list')}",             type: 'post',             data: {id: id},              dataType: 'json',              success: function (data) {                         if (data.status == 1) {                            $('.content').html(data.msg);                         }             }     }); });

 <div class="content"> <!--容器--> </div>

0 0