如何通过 ajax 调用自动创建复选框（当前未定义）

Question

您好，我需要一些帮助才能自动为我的 ajax 名称创建一个复选框，我该怎么做？我已经在我的代码中添加了新的答案，但是目前我用我意识到的类型的复选框显示 Undefinted

<div id="modal">
<section>
<div id="recyclable_id"></div>
</section>
</div>

Ajax 选项调用示例[=15=]

     $(document).ready(function() {
                    $.ajax( {
                        url: 'https://ecoexchange.dscloud.me:8090/api/get', 
                        type: 'GET', 
                        dataType: 'json',
                        headers:{
                            query: "RecyclableTypeGet()",
                            // Gets the apikey from the sessionStorage
                            apikey: sessionStorage.getItem("apikey")
                        },
                        success: function(data) {
                        console.log(data);
                        var html='';
                        $.each(data, function(key, value) {
                            html +='<input type="checkbox" name="recyclable_id[]" value="'+value.RecyclableID+'"><label style="padding-left: 10px;">'+value.Name+'</label><br>';
                        }
                        );
                        $('#recyclable_id').html(html);
                        }
                    }
                    );
                    }

                    );

这是我的 json 回复，我将仅用作名称

[
    {
        "RecyclableID": 1,
        "Name": "recyclable",
        "RecyclableType": "test recyclable type"
    },
    {
        "RecyclableID": 3,
        "Name": "test recyclable 2",
        "RecyclableType": "WASTE"
    },
    {
        "RecyclableID": 129,
        "Name": "test recyclable 4",
        "RecyclableType": "test recyclable type"
    },
    {
        "RecyclableID": 131,
        "Name": "test recyclable 6",
        "RecyclableType": "test recyclable type"
    },
    {
        "RecyclableID": 132,
        "Name": "test recyclable 7",
        "RecyclableType": "test recyclable type"
    },
    {
        "RecyclableID": 133,
        "Name": "test recyclable 8",
        "RecyclableType": "test recyclable type"
    },
    {
        "RecyclableID": 134,
        "Name": "test recyclable 34",
        "RecyclableType": "WASTE"
    },
    {
        "RecyclableID": 138,
        "Name": "recyclable thing",
        "RecyclableType": "WASTE"
    },
    {
        "RecyclableID": 139,
        "Name": "recyclable thing 2",
        "RecyclableType": "Ewaste"
    },
    {
        "RecyclableID": 153,
        "Name": "test recyclable 10",
        "RecyclableType": "Other"
    },
    {
        "RecyclableID": 154,
        "Name": "test recyclable 11",
        "RecyclableType": "Ewaste"
    },
    {
        "RecyclableID": 155,
        "Name": "test recyclable 123",
        "RecyclableType": "test recyclable type 2"
    },
    {
        "RecyclableID": 159,
        "Name": "some recyclable name",
        "RecyclableType": "CC"
    },
    {
        "RecyclableID": 161,
        "Name": "some recyclable name 2",
        "RecyclableType": "Ewaste"
    },
    {
        "RecyclableID": 162,
        "Name": "recyclable 2",
        "RecyclableType": "test recyclable type 2"
    },
    {
        "RecyclableID": 165,
        "Name": "test recyclable 15",
        "RecyclableType": "WASTE"
    },
    {
        "RecyclableID": 166,
        "Name": "test recyclable 18",
        "RecyclableType": "testing type"
    },
    {
        "RecyclableID": 167,
        "Name": "some recyclable name 23",
        "RecyclableType": "Ewaster"
    }
]

这是我未定义的图片我已尝试使用给定的新 anser 进行更改，但它似乎从 type

中变得 undefined x 10

Answer 1

这个有用吗？ 副驾驶创建代码 xD

$(document).ready(function() {
  $.ajax( {
    url: 'http://localhost/recyclable/public/api/recyclable', type: 'GET', dataType: 'json', success: function(data) {
      console.log(data);
      var html='';
      $.each(data, function(key, value) {
        html +='<input type="checkbox" name="recyclable_id[]" value="'+value.RecyclableID+'"><label style="padding-left: 10px;">'+value.Name+'</label><br>';
      }
      );
      $('#recyclable_id').html(html);
    }
  }
  );
}

);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="recyclable_id"></div>

Answer 2

$.ajax({
type: "POST",
dataType: "json",
url: "../Service.asmx/GetSales",

    success: function (response) {
    var result = response.d;
    var dt = $.parseXML(result);
    var serrows = '';
$.each(dt, function(key, value) {
        html +='<input type="checkbox" name="recyclable_id[]" value="'+value.RecyclableID+'"><label style="padding-left: 10px;">'+value.Name+'</label><br>';
      }

})

如何通过 ajax 调用自动创建复选框（当前未定义）

How to create checkbox automatic from ajax call (Undefined currently)

html

javascript

ajax