在 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 对象来进行数据操作了。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。