无法在下拉列表jquery中显示json数据

Question

我从我的 php 代码中获取 json 数据，如下所示：

{2：“罗伯特”，3：“亚当”}

现在我想使用 jQuery 在下拉列表中显示它我正在使用以下代码，但在下拉列表中获取对象。

jQuery(response).each(function (index, value) {

  jQuery("#name").append(jQuery("<option>").val(value).text(value));

});

Answer 1

除了做JSON.parse(). .each()callback 应该应用于Arraynot an Object，只需将您的响应对象转换为Arrayusing Object.values()，这是一个工作片段：let responseStr = {2:"Robert ", 3:"Adem"}; // <----- Make sure that its an object if its not then you have to do JSON.pares().console.log(Object.values(responseStr));jQuery(Object.values(responseStr)).each(function(index,value){   jQuery('#name').append(jQuery('<option>').val(value).text(value));});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><select id="name"></select>

Answer 2

如果来自您的 PHP 文件的响应是一个 JSON 字符串，那么您必须将它转换成一个 javascript 数组，然后迭代它以获得您的选择使用JSON.parse()；var options = JSON.parse(JSON.stringify(response));jQuery.each( options, function( index, value ) {&nbsp; &nbsp;$('#name').append('<option value="'+index+'">'+value+'</option>');});

Answer 3

您需要使用$.parseJSON()解析它们并检索数据。