现在越来越喜欢用ajax传值了,这样能让网站的体验性很好,今天就总结了一下常用的

这是不用循环的方法

就是传过来的是一位数组

//编辑党建分类
    function gk_bj(id){
        $.post("{:U('Luser/lei_edlt')}",{id:id},function(v){
            var html ='';
            html += '<input type="text" name="title" value="'+v.list['title']+'" >';
            html += '<input type="text" name="hd_time" value="'+v.list['hd_time']+'" >';
            html += '<input type="hidden" name="id" value="'+v.list['id']+'" >';
            $('.gk_bian_2_1').html(html);
            $('.gk_bian').show();
        })
    };

 

 

这是需要循环的方法  用for循环的

就是传个来的多个二维数组

<script>
    $('.queding').click(function(){
        var id = $('#tempVal').val();
        var $val = $('#tempVal').val();
        if($val == ''){
            layer.msg('您没有选择给指定领导,请选择,也可多选', 1, 0);
        }
        $.get("{:U('Index/xuanren')}",{id:id},function(v){
            $('.xuandao').hide();
            var html = '';
            var data = v.list;
            html += '<div class="xiexin_2_1">已选择领导:';
            for(var i=0;i<data.length;i++){
                html+= '<b>'+data[i]['name']+'</b><input type="hidden" name="ren[]" value="'+data[i]['id']+'">';
            }
            html += '</div>';
            $('.xuanzedao').html(html);
        })
    })
</script>



<script>
/*ajax不刷新页面搜索数据*/
$("#keyword").keyup(function(){
    var n = $(this).val();
    if(n!=""){
        $.ajax({
            url:"{:U('Ren/keyword')}",
            type: "POST",
            data: {title:n},
            dataType: "JSON",
            success: function(v){
                var str = "";
                var aaa = v.list;    
                //console.log(aaa,typeof(aaa));
                if(aaa!=null){
                    for(var i=0;i<aaa.length;i++){
                        str += '<a href="/index.php?s=/Home/Ren/people/abc_id/' + aaa[i]['id'] + '"><p>' +aaa[i]['title']+ '</p></a>';
                    }
                }else{
                    str = '<span><p>您搜索的数据不存在!</p></span>';
                }
//                console.log(str);
                    $(".zuo_ss").html(str);
                }
            });
        }
    });
</script>

 

 

这是需要循环的方法  用each循环的

就是传个来的多个二维数组

<script type="text/javascript">
        $('.get_shi').change(function(){
            var shengid=$(this).val();

            $.post("{:U('getshi')}",{shengid:shengid},function(v){
                var html = '';

                $.each(v, function(index){
                    html += '<option value ="'+v[index].id+'" >'+v[index].name+'</option>'
                });
                $('.get_quxian').html(html);
            });
            return false;
        });
</script>

 

多数据请求  加if判断

            <script>
                        $('.bl_jianli_5_1a').on('click',function(){
                            var $p = $('#tj_page').val();
                            var $arr = "{$_list['s_zhiwei']}";
                            var $arr_id = "{$_list['id']}";
                            //加载层-风格3
                            var tishi = layer.load(2);
                            $.get("{:U('Indexcl/get_jianli_hy_tj')}",{p:$p,arr:$arr,id:$arr_id},function(v){
                                layer.close(tishi);
                                $('#tj_page').val(v.list.p);//分页赋值
                                var html = "";
                                var vo = v.list.list;
                                $.each(vo,function(i){
                                    html +='<div class="bl_jianli_5_21 fd fl" title="姓名  性别 | 年龄 | 学历 | 工作年限">'+
                                            '<div class="bl_rencai_data_211 fl">'+
                                                '<label class="bl_input_checkbox"><input type="checkbox" name="" value=""><i>✓</i></label>'+
                                            '</div>'+
                                            '<div class="bl_jianli_5_211 fl">'+
                                                '<a href="/index.php?s=/Home/Index/jianli/id/'+vo[i]['id_data']+'.html">'+
                                                    '<h3>'+
                                                        '<span>'+vo[i]['user']['name']+'</span>'+
                                                        '<p>'+
                                                            '<i>'+vo[i]['user']['sex_data']+'</i>'+
                                                            '<i>'+vo[i]['user']['birth_data']+'</i>'+
                                                            '<i>'+vo[i]['user']['xueli_data']+'</i>'+
                                                            '<i>'+vo[i]['user']['gz_data']+'</i>'+
                                                        '</p>'+
                                                        '<b>';
                                                            if(vo[i]['user']['phone']){
                                                                html +='<span title="已手机认证" class="bl_jl_icon_4"></span>'
                                                            }
                                                            if(vo[i]['bl_jianli_zuopin_id']){
                                                                html +='<span title="有作品" class="bl_jl_icon_5"></span>'
                                                            }
                                                            if(vo[i]['ziwo_pingjia']){
                                                                html +='<span title="有测评报告" class="bl_jl_icon_6"></span>'
                                                            }
                                                        html +='</b>'+
                                                    '<em title="'+vo[i]['data']['didian']+'">'+vo[i]['didian'][1]+'</em></h3>'+
                                                    '<h4 title="简历名称">';
                                                        if(vo[i]['name']){
                                                            html +='<span>'+vo[i]['name']+'</span>'
                                                        }else{
                                                            html +='<span>'+vo[i]['gz_data'][0]+' 等相关职位</span>'
                                                        }
                                                        html +='<i>'+vo[i]['up_time_data']+'更新</i>'+
                                                    '</h4>'+
                                                    '<h5>';
                                                        var gz_data = vo[i]['gz_data']; 
                                                        $.each(gz_data,function(ii){
                                                            html +='<span>'+gz_data[ii]+'</span>'
                                                        })
                                                    html +='</h5>'+
                                                '</a>'+
                                            '</div>'+
                                        '</div>'
                                })
                                $('#tj_jl_vo').html(html);
                            })
                        })
                    </script>

 

posted @ 2017-09-25 19:19  遇事稳坐钓鱼台  阅读(327)  评论(0编辑  收藏  举报