如何使用AJAX(不是jQuery)从本地浏览器存储请求和输出JSON

时间:2019-02-14 12:00:00

标签: javascript json ajax local-storage

是否可以使用Ajax从我的浏览器本地存储中请求JSON对象?它只是我用Js制作并转换为JSON的简单对象。 然后,我将其存储到本地浏览器存储中,但是由于它可能只能从服务器请求,因此我不确定它是否可以工作。

我已经看到与此类似的问题,但是我只看到jQuery的示例,而不是纯JavaScript和AJAX。

<p id="demo"></p>
<script>
    var info = {

        name: "Josh",
        age: 22,
        born: "New York"
    };

    var jason = JSON.stringify(info);
    localStorage.setItem("myJason", jason)

    var http = new XMLHttpRequest();
    http.open("GET", "file:///D:/HTML%20Files/Nettside%20med%20JSON%20og%20AJAX/nettside.html", true);

    http.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            document.getElementById("demo").innerHTML = this.responseText;
        }
    };
    http.send();

1 个答案:

答案 0 :(得分:0)

如果您正在从本地磁盘运行html文件,则可以通过使用“ ../”导航文件结构来访问该文件,但是,如果HTML文件是从Web服务器加载的,则访问它的唯一方法是使用文件输入,然后读取文件内容。用户必须选择文件。

此处是有关从用户选择的文件读取二进制数据的文章。 https://www.html5rocks.com/en/tutorials/file/dndfiles/