添加选项以使用 javascript 从 json 文件中选择字段

Adding options to select field using javascript from a json file

本文关键字：文件 json 选择 字段 javascript 选项 添加      更新时间：2023-11-23
      var json = $.getJSON("../category.json", function() {
            alert(2);
        })
         .done(function() {
            console.log( "second success" );    
            var var1 = document.getElementsByClassName('category');
            var1.innerHTML = "<option value='" + key + "'>" + val + "</option>";
            alert(var1);
         })
        .fail(function() {
          alert( "error" );
          });

我想将 json 文件中的值作为我的选择字段的选项。但是我的代码总是显示警报错误。请告诉我它有什么问题？

您没有设置key和value参数。事实上，看起来你根本没有得到你的JSON结果。

将完成方法更改为 

.done(function( data ) { /* do stuff */ }

现在，您的 JSON 结果将存储在数据中。然后，您可能需要循环浏览结果。请参阅此处的示例

试试这个

var json = $.getJSON("../category.json", function(data) {
    alert(2);
})
.done(function(data) {
    console.log( "second success" );    
    var var1 = document.getElementsByClassName('category');
       $.each( data, function( key, val ) {
         var1.innerHTML += "<option value='" + key + "'>" + val + "</option>";
         alert(var1);
     });
       alert(var1);
    })
.fail(function() {
    alert( "error" );
});
您的 JSON

无效：您不能将数字用作 JSON 键

[
    {
        "NAME":"chair",
        "0":"chair"                     <-- error
    },
    {
        "NAME":"bed",
        "0":"bed"                       <-- error
    },
    {
        "NAME":"table",
        "0":"tabl‌​e"                     <-- error
    },
    {
        "NAME":"almira",
        "0":"almira"                    <-- error
    }
]

尝试通过在线 JSON 解析器运行 JSON，会出现错误。或者，更改错误处理程序以包含更多信息

.fail(function (jqXhr, status, error) { 
    alert(status + ':' + error + ':' + jqXhr.responseText) }
});
相关文章：