zoukankan      html  css  js  c++  java
  • 现在越来越喜欢用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>
  • 相关阅读:
    植物大战僵尸智慧树和金币的简单破解(二)
    植物大战僵尸任意阳光的简单破解(一)
    Bash漏洞分析
    树莓派4 安装vim8.2 编译python3支持
    JAVA实现剑指offer 大神博主网址
    IO流+集合完成功能
    Java学习IO流处理
    Java中拷贝图片IO流
    Java学习list集合练习二
    java学习list集合训练
  • 原文地址:https://www.cnblogs.com/zc290987034/p/7593476.html
Copyright © 2011-2022 走看看