异常处理---关于ajax中返回的值遍历后只获取最后一个数值的问题

当我们在ajax中获取到controller传过来的数组时, 需要对其进行遍历以获取我们想要的某个结果.
但是如果我们直接在ajax中进行遍历最后只能获取最后一个数值, 如下:
后端向前端发送一个list,接收显示为result

        $.ajax({
            url:"/xxx",
            data:param
        }).done(function(result){
            for(var i=0;i<result["obj"].length;i++){
             var tr = $("<tr></tr>");
             var td = $("<td></td>").appendTo(tr);
             td.html("<button class='btn'>"+result["obj"][i]+"</button>");
                $('btn').click(function(){
                console.log(result["obj"][i]);                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       
                })
            }
        })

这个时候控制台中只会显示遍历出来最后的值

以下是解决办法

        $.ajax({
            url:"/xxx",
            data:param
        }).done(function(result){
            for(var i=0;i<result["obj"].length;i++){
             var tr = $("<tr></tr>");
             var td = $("<td></td>").appendTo(tr);
             td.html("<button class='btn'>"+result["obj"][i]+"</button>");
                $('btn').click(function(i){
                return function(){
                console.log(result["obj"][i]); 
                }                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    
                }(i))
            }
        })

!!!侵删

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Dusk.L

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值