无法在下拉列表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 ) {

   $('#name').append('<option value="'+index+'">'+value+'</option>');

});

Answer 3

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