javascript - 如何使用requiereJS导入本地输入json文件？

Question

我想将本地输入文件中的 json 加载到我的 js 脚本中。

导入了 json 并且我可以获取文件对象，但是我无法正确获取 JSON 并将其解析为 JS 对象

我尝试使用 RequiereJS 这似乎是最好和最快的解决方案，但我无法使这条线工作

require(['json!someFile.json'], function(data){

})

这是我在 HTML 中的输入：

<input type="file" class="custom-file-input" onchange="loadFile(this.file) accept="application/json">

这里是我的 js 文件：

function loadFile(file) {
    var myJson;
    var url = URL.createObjectURL(file);
    require(['json!'+url+''], function(data){
        myJson = data;
    }
}

或这个 ：

require(['json!'+file+''], function(data){

标签： javascriptjsonfileinput

Answer 1

您可以使用 jQuery 中的 ajax 函数

$.ajax({
    type: "Get",
    url: "data.json",
    dataType: "json",
    success: function(data) {

    },
    error: function(){
        alert("json not found");
    }
});

注意：您需要将文件保存在服务器中，然后才能正常工作。