添加选项以使用json文件中的javascript选择字段 var json=$.getJSON（“../category.json”，function（））{ 警报（2）； }) .done（函数（）{ console.log（“第二次成功”）； var var1=document.getElementsByClassName（'category'）； var1.innerHTML=“+val+”； 警报（var1）； }) .fail（函数（）{ 警报（“错误”）； });

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

您没有设置

键

和

值

参数。事实上，看起来根本没有得到JSON结果

将“完成”方法更改为

      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结果将存储在数据中。 然后您可能需要循环查看结果。参见示例

试试这个

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

var json=$.getJSON（“../category.json”），函数（数据）{
警报（2）；
})
.完成（功能（数据）{
console.log（“第二次成功”）；
var var1=document.getElementsByClassName（'category'）；
$。每个（数据、函数（键、值）{
var1.innerHTML+=“”+val+“”；
警报（var1）；
});
警报（var1）；
})
.fail（函数（）{
警报（“错误”）；
});

您的JSON无效：您不能将数字用作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" );
});

---

将失败处理程序更改为

函数（jqXhr，status，error）{alert（status+'：'+error+'：'+jqXhr.responseText）}

确保您的JSON有效[{“NAME”：“chair”，“0”：“chair”}，{“NAME”：“bed”，“0”：“bed”}，{“NAME”：“table”，“0”：“table”}，{“NAME”：“almira”，“0”：“almira”}]这是我的json文件。我将函数改为如下，但它仍然不起作用。var json=$.getJSON（“../category.json”，函数（数据）{alert（data）；}）；

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

.fail(function (jqXhr, status, error) { 
    alert(status + ':' + error + ':' + jqXhr.responseText) }
});