jQuery 迭代 JSON 错误

Question

我有如下 JSON 数据

{"4":"Bangles","2":"Rings"}

我正在尝试迭代内容以填充下拉列表

$("#ProductProductTypeId").change(function(){
           var product_type_id = $(this).val();
           console.log(product_type_id);

           $.ajax({
              type: "get",
              url: "/alankruti/admin/product_categories/get_category/"+product_type_id,
              //data: country_id,
              success:function(data){
                console.log(data);
                var options = '';
                $.each(data, function (key,value) {
                    console.log(key);
                    console.log(value);
                     options += '<option value="'+key+'">'+value+'</option>';
                     console.log(key + " " +value)
                });
              }
           });

     });

错误:

Answer 1

首先使用 jQuery.parseJSON 从数据字符串创建一个 json 对象。然后您可以使用 $.each 进行迭代。

示例

success:function(data){
    // create json object from data (string)
    jsonObj = jQuery.parseJSON( data);
    console.log(data);
    var options = '';
    // iterate through json
    $.each(jsonObj , function (key,value) {
            console.log(key);
            console.log(value);
            options += '<option value="'+key+'">'+value+'</option>';
            console.log(key + " " +value)
    });
}

JSFiddle Demo

引用文献

• jQuery.parseJSON()
• jQuery.each()