Question

任何人都知道如何使用原生javascript读取和写入外部JSON文件？

我们正在创建某种Web应用程序，允许我使用2D拖放功能创建布局。现在，我的主要问题是我需要在外部JSON文件上插入HTML元素引用。我成功创建了我的布局和所有，但如果我刷新我的页面，自然我的设计将消失，因为我在我的Web应用程序上不使用后端。我们被告知必须使用外部JSON文件才能完成此任务。

我知道我们必须保存JSON文件上的所有html元素，并且创建这些元素的引用几乎不成问题。但是从外部JSON文件读取和写入是困扰我的。如果有一种使用本机JS的方式很棒，我们就不会被告知使用其他语言或上标。

Answer 1

无法通过JavaScript写入外部文件。但是，HTML5会带来localStorage，可以容纳string和integer的存储空间。我们知道可以从JavaScript对象序列化JSON，并且可以从JSON字符串序列化JavaScript对象。

因此，您可以在localStorage之间保存数据，随时序列化：

var obj = {"audi": "r8", "color": "black"};

localStorage.setItem('myStorage', JSON.stringify(obj));

稍后检索对象

var obj = JSON.parse(localStorage.getItem('myStorage'));

Answer 2

为此目的使用javascript FileReader。下面是一个示例代码，用于读取本地文件并在UI中显示内容。

＆＃13;

@BeforeClass    
    public void initialSetup(String browser){

        Webdriver driver = new browser ();
        driver.get("https://www.buyagift.co.uk/");
   }


  @BeforeMethod 
  public void closeGiveAwayPopup(){
  //same as your code 
  }

  @Test(priority=1)
  public void makeSureIarrivedOnTheHomePage(){
  titleGrabbed = driver.getTitle().toString();
  titleExpected = "Experience Days and Gifts from Buyagift";
  Assert.assertEquals(titleGrabbed ,titleExpected )
  }

  @Test(priority=2)
  public void clickLoginButton(){
  //more actions
  }

@AfterClass
  public void shutDown(){

    driver.quit(); 
  }

＆＃13;

查看here了解更多详情。

如何读取和写入外部json文件？

2 个答案: