action 获取json对象

在 JavaScript 的编程中，经常需要使用 JSON(JavaScript 对象表示法) 对象进行数据交互和传输。在操作 JSON 对象时，我们通常会涉及到从服务器获取 JSON 数据的这一步，而这就需要使用到 Action，来完成获取 JSON 对象的操作。

// 定义一个获取 JSON 对象的 Action 
function getJson(url,onSuccess,onFail) {
  // 使用 XMLHTTPRequest 来异步获取服务器上的JSON数据
  const xhr = new XMLHttpRequest();
  xhr.open('GET',url,true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4) {
      if (xhr.status === 200) {
        const data = JSON.parse(xhr.responseText);
        onSuccess(data);
      } else {
        onFail(xhr.responseText);
      }
    }
  };
  xhr.send();
}

// 调用 getJson 方法
getJson('http://example.com/data.json',function(data) {
  console.log(data);
},function(error) {
  console.log(error);
});

// 解析JSON对象
const jsonData = '{ "name": "John","age": 30,"city": "New York"}';
const myObj = JSON.parse(jsonData);
console.log(myObj.name); // John
console.log(myObj.age); // 30

通过以上代码我们可以看出，Action 能够通过异步获取服务器上的JSON数据，并使用 JSON.parse 方法将其转化为 JavaScript 对象。接下来，我们就可以使用 JavaScript 对象来进行数据操作了。