web前端之Ajax遍历json后对每一条数据进行相应的修改和删除

web前端之ajax遍历json后对每一条数据进行相应的修改和删除

function serviceUser(){

    $('.ergodicPersonList').remove();


    $.ajax({
        url: "/business/findpersons.json",
        dataType: "json",

        type:"GET",
        success: function(doc) {

            var objs=eval(doc);
            for (var i = 0; i < objs.length; i++){

                var personid=objs[i].personId;
                var name=objs[i].personName;
                var email=objs[i].personEmail;
                var sector=objs[i].personSector;
                var position=objs[i].personPosition;
                var password=objs[i].personPassword;

                $("#personList thead").append(
                    ""+ 
               ""+name+""+ 
               ""+password+""+
               ""+email+""+
               ""+position+""+
               "" class='deletePersonBut'>"+
               "" class='updataPersonBut'>"+
           ""      
                );
                var getA = "#personList .deletePersonBut[name="+ i + "]";//就这里获取的原因,那个i=objs.length的原因,感觉应该就是闭包的问题。  
                $(getA).click(function(){ 
                    var thid=$(this).parent();
                    var pid=thid.children(".deletePersonBut").attr('name');

                    deletePersonButMethod(objs[pid].personId);


                });
                var getA = "#personList .updataPersonBut[name="+ i + "]";//就这里获取的原因,那个i=objs.length的原因,感觉应该就是闭包的问题。  
                $(getA).click(function(){ 
                    var thid=$(this).parent();
                    var pid=thid.children(".updataPersonBut").attr('name');

                    updataPersonButMethod(objs[pid].personId,objs[pid].personName,objs[pid].personEmail,objs[pid].personSector,objs[pid].personPosition,objs[pid].personType,objs[pid].personPassword);


                });



            }         
        }



    });

    $('#closePersonListBut').click(function(){
        $('#personList').hide();
        $('body').css('background','#fff');
    });



    function deletePersonButMethod(id){
        $.ajax({
            url: "/business/personDelete.json",
            dataType: "json",
            data:{
                person_id:id,
            },
            type:"GET",
            complete: function(doc) {

                serviceUser();

            }



        });


    };



    function updataPersonButMethod(personId,personName,personEmail,personSector,personPosition,personType,personPassword){

        $('#tab_con_2').remove();

        $('body').append(
        ""
  );



        $('#tab_con_2').show(1000);
        $('body').css('background','#ccc');
        $('#loginPersonName').val(personName);
        $('#loginPersonPassword').val(personPassword);
        $('#loginPersonEmail').val(personEmail);               
        $('#loginPersonPosition').val(personPosition);


        $('#login_img9').click(function(){
            $('#tab_con_2').hide();
            $('body').css('background','#fff');
        });

        $('#updataPersonMessage').click(function(){
            if($('#loginPersonPosition').val()=='项目经理'){
                personType=4;

            }else if($('#loginPersonPosition').val()=='测试人员'){
                personType=1;
            }



            $.ajax({
                url: "/business/personUpdate.json",
                dataType: "json",
                data:{
                    person_id:personId,
                    person_name:$('#loginPersonName').val(),
                    person_email:$('#loginPersonEmail').val(),
                    person_position:$('#loginPersonPosition').val(),
                    person_type:personType,
                    person_password:$('#loginPersonPassword').val(),
                },
                type:"POST",
                complete: function(doc) {

                    serviceUser();
                }



            });
        });





    };




    $('#addPersonBut').click(function(){

        $('#tab_con_2').remove();

        $('body').append(
            ""
        );



        $('#tab_con_2').show(1000);
        $('body').css('background','#ccc');



        $('#login_img10').click(function(){
            $('#tab_con_2').hide();
            $('body').css('background','#fff');
        });








        //注册


        $('#addPersonMessage').click(function(){
            if($('#loginPersonName').val()==''){
                layer.alert('账户名不能为空', {
                    icon: 1,
                    skin: 'layer-ext-moon'
                });
                return false;
            }else if($('#loginPersonEmail').val()==''){
                layer.alert('账户email不能为空', {
                    icon: 1,
                    skin: 'layer-ext-moon'
                });
                return false;
            }else if($('#loginPersonPosition').val()==''){
                layer.alert('职位不能为空', {
                    icon: 1,
                    skin: 'layer-ext-moon'
                });
                return false;
            }else if($('#loginPersonPassword').val()==''){
                layer.alert('密码不能为空', {
                    icon: 1,
                    skin: 'layer-ext-moon'
                });
                return false;
            }else if($('#loginPersonDoublePassword').val()==''){
                layer.alert('确认密码不能为空', {
                    icon: 1,
                    skin: 'layer-ext-moon'
                });
                return false;
            }else if($('#loginPersonPassword').val() != $('#loginPersonDoublePassword').val()){
                layer.alert('确认密码输入有误', {
                    icon: 1,
                    skin: 'layer-ext-moon'
                });
                return false;
            }else{
                if($('#loginPersonPosition').val()=="测试人员"){
                    $('#loginPersonType').val('1');

                    $.ajax({
                        url: "/business/personAdd.json",
                        dataType: "json",
                        data:{
                            person_name:$('#loginPersonName').val(),
                            person_email:$('#loginPersonEmail').val(),
                            person_position:$('#loginPersonPosition').val(),
                            person_type:$('#loginPersonType').val(),
                            person_password:$('#loginPersonPassword').val(),
                        },
                        type:"POST",
                        complete: function(doc) {

                            $('#tab_con_2').hide();
                            $('body').css('background','#fff');
                            serviceUser();
                        }



                    });



                }else if($('#loginPersonPosition').val()=="项目经理"){
                    $('#loginPersonType').val('4');


                    $.ajax({
                        url: "/business/personAdd.json",
                        dataType: "json",
                        data:{
                            person_name:$('#loginPersonName').val(),
                            person_email:$('#loginPersonEmail').val(),
                            person_position:$('#loginPersonPosition').val(),
                            person_type:$('#loginPersonType').val(),
                            person_password:$('#loginPersonPassword').val(),
                        },
                        type:"POST",
                        complete: function(doc) {
                            $('#tab_con_2').hide();
                            $('body').css('background','#fff');
                            serviceUser();
                        }



                    });


                }else{
                    layer.alert('输入有误', {
                        icon: 1,
                        skin: 'layer-ext-moon'
                    });
                }




            }

        })



    });






}

你可能感兴趣的:(web前端,JavaScript,JavaScript,DOM编程艺术)