javascript - ajax 获取到的数据重复

问题描述

问 题

一行数据显示两遍

数据获取到了，为什么重复显示

//请求

var s = "http://127.0.0.1:8020";
var urls = "/api/organazations";
var org_codes;
$.ajax({
    type: "get",
    url: s + urls,
    dataType: "json",
    success: function(data) {
        console.log(data.length);
        for(var i in data) {
            var trs = $("<tr><tr/>");
            var tds1 = $("<td>" + data[i].id + "</td>").appendTo(trs);
            var tds2 = $("<td>" + data[i].name + "</td>").appendTo(trs);
            var tds3 = $("<td>" + data[i].basic_con.offdays + "</td>").appendTo(trs);
            var tds4 = $("<td>" + data[i].basic_con.capacity + "</td>").appendTo(trs);
            var tds5 = $("<td>" + data[i].basic_con.warnnum + "</td>").appendTo(trs);
            var tds6 = $("<td>" + data[i].basic_con.avoid_numbers + "</td>").appendTo(trs);
            var tds7 = $("<td>" + "0" + "</td>").appendTo(trs);
            var tds8 = $("<td></td>").appendTo(trs);
            var tdbtn = $('<button class="btn btn-info btn-lg"><span class="glyphicon glyphicon-edit"></span></button>').appendTo(tds8);
            tdbtn.click(function() {
                $(".con_modify").show();
                //休息日
                var names = $(this).parent().prev().prev().prev().prev().prev().text();
                //最大客容量
                var capacitys = $(this).parent().prev().prev().prev().prev().text();
                //报警客容量
                var warnings = $(this).parent().prev().prev().prev().text();
                //不适用预约号
                var reservbs = $(this).parent().prev().prev().text();
                var i;
                var s = names.split(',')
                for(i = 1; i < s.length; i++) {
                    addselets();
                }
                $(".capacity").val(capacitys);
                $(".warning").val(warnings);
                $(".nos").val(reservbs);
            });
            $(".nav_tables2").append(trs);
        }        
    
    }
});

解决方案

代码请不要贴图

运行结果之类的请描述详细，比方说贴个图，怎么个重复显示法。

你这个ajax在for循环里绑定click事件，循环n次就绑定了n个，那么点击一次就会触发n个click事件。

这篇关于javascript - ajax 获取到的数据重复的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！