如何从另一个HTML文件中的一个HTML Apps脚本文件获取JSON数据？

Question

我要从JavaScript访问的Apps脚本项目中的data.json.html文件中有一些数据。 该文件如下所示：

<script>
var data = {"book1":{"1":25, "2":17}, "book2":{"1":37, "2":4, "3":12}};
</script>

我尝试通过以下方式访问此数据：

尝试＃1

<script type="text/javascript" src="data.json"></script>
<script>
var books = JSON.parse(data);
</script>

尝试＃2

<?!= include("data.json") ?>
<script>
var books = JSON.parse(data);
</script>

这些都不起作用。 谁能告诉我这样做的正确方法？

编辑：对不起，我忘了包括有关“不起作用”的意思的信息。 基本上，数据不会将其放入变量中，应该将其放入，并且没有错误告诉我执行记录中发生了什么。

如果有人想看完整的脚本，它会嵌入在此处的Google文档中。 只需转到工具>脚本编辑器...即可找到它。

Answer 1

这可能不是最佳选择，但可以使用。 取决于html文件是否在您的域中（然后只需访问它），否则将通过HTTP请求检索数据。 然后使用它来查找子位置及其长度：

var string = "responseString",
    substring = "book1";

var jsonStr = str.substring(string.indexOf(substring), 100);

例如，如果您知道匹配的book1的长度为100，则可以使用此方法。 如果您不知道长度，请使用上面类似的内容查找“};”的位置。

然后在下面使用jsonStr获取键值。

//return an array of objects according to key, value, or key and value matching
function getObjects(obj, key, val) {
    var objects = [];
    for (var i in obj) {
        if (!obj.hasOwnProperty(i)) continue;
        if (typeof obj[i] == 'object') {
            objects = objects.concat(getObjects(obj[i], key, val));    
        } else 
        //if key matches and value matches or if key matches and value is not passed (eliminating the case where key matches but passed value does not)
        if (i == key && obj[i] == val || i == key && val == '') { //
            objects.push(obj);
        } else if (obj[i] == val && key == ''){
            //only add if the object is not already in the array
            if (objects.lastIndexOf(obj) == -1){
                objects.push(obj);
            }
        }
    }
    return objects;
}

//return an array of values that match on a certain key
function getValues(obj, key) {
    var objects = [];
    for (var i in obj) {
        if (!obj.hasOwnProperty(i)) continue;
        if (typeof obj[i] == 'object') {
            objects = objects.concat(getValues(obj[i], key));
        } else if (i == key) {
            objects.push(obj[i]);
        }
    }
    return objects;
}

//return an array of keys that match on a certain value
function getKeys(obj, val) {
    var objects = [];
    for (var i in obj) {
        if (!obj.hasOwnProperty(i)) continue;
        if (typeof obj[i] == 'object') {
            objects = objects.concat(getKeys(obj[i], val));
        } else if (obj[i] == val) {
            objects.push(i);
        }
    }
    return objects;
}


var json = '{"glossary":{"title":"example glossary","GlossDiv":{"title":"S","GlossList":{"GlossEntry":{"ID":"SGML","SortAs":"SGML","GlossTerm":"Standard Generalized Markup Language","Acronym":"SGML","Abbrev":"ISO 8879:1986","GlossDef":{"para":"A meta-markup language, used to create markup languages such as DocBook.","ID":"44","str":"SGML","GlossSeeAlso":["GML","XML"]},"GlossSee":"markup"}}}}}';

var js = JSON.parse(json);

//example of grabbing objects that match some key and value in JSON
console.log(getObjects(js,'ID','SGML'));
//returns 1 object where a key names ID has the value SGML

//example of grabbing objects that match some key in JSON
console.log(getObjects(js,'ID',''));
//returns 2 objects since keys with name ID are found in 2 objects

//example of grabbing obejcts that match some value in JSON
console.log(getObjects(js,'','SGML'));
//returns 2 object since 2 obects have keys with the value SGML

//example of grabbing objects that match some key in JSON
console.log(getObjects(js,'ID',''));
//returns 2 objects since keys with name ID are found in 2 objects

//example of grabbing values from any key passed in JSON
console.log(getValues(js,'ID'));
//returns array ["SGML", "44"] 

//example of grabbing keys by searching via values in JSON
console.log(getKeys(js,'SGML'));
//returns array ["ID", "SortAs", "Acronym", "str"] 

Answer 2

在这种情况下，您可以使用它来访问本地文件：

function readTextFile(file)
{
    var rawFile = new XMLHttpRequest();
    rawFile.open("GET", file, false);
    rawFile.onreadystatechange = function ()
    {
        if(rawFile.readyState === 4)
        {
            if(rawFile.status === 200 || rawFile.status == 0)
            {
                var allText = rawFile.responseText;
                alert(allText);
            }
        }
    }
    rawFile.send(null);
}

第一行中的文件将是路径和文件名。