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

最新推荐文章于 2024-08-20 10:31:07 发布

爸爸去哪了2之熊猫三胞胎

最新推荐文章于 2024-08-20 10:31:07 发布

阅读量4.3k

点赞数 2

本文链接：https://blog.csdn.net/u014785563/article/details/53333388

版权

本文探讨了在Web前端使用Ajax技术如何遍历接收到的JSON数据，并详细说明了对每条数据进行修改和删除的操作过程。

摘要由CSDN通过智能技术生成

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(
                    "<tr class='ergodicPersonList'>"+ 
               "<th>"+name+"</th>"+ 
               "<th>"+password+"</th>"+
               "<th>"+email+"</th>"+
               "<th>"+position+"</th>"+
               "<th><input type='button' value='删除' name="+i+" class='deletePersonBut'></th>"+
               "<th><input type='button' value='修改' name="+i+" class='updataPersonBut'></th>"+
           "</tr>"      
                );
                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(