我最近一直在使用fetch API和Promises，我遇到了。json（）。json（）返回与JSON相同的输出。我在谷歌上搜索了这个问题，结果指向了其他方向。
XHR和JSON的例子。解析：
$('#xhr').click(function(){
var XHR = new XMLHttpRequest();
XHR.onreadystatechange = function(){
if (XHR.status == 200 && XHR.readyState == 4) {
$('#quote').text(JSON.parse(XHR.responseText)[0]);
}
};
XHR.open("GET", url);
XHR.send();
});Fetch API示例：
$('#fetch').click(function(){
fetch(url)
.then(function(res){
return res.json();
})
.then(function(quote){
$('#quote').text(quote);
})
.catch(function(err){
handleError(err);
});
});有人能解释一下这些看似相似的概念之间的区别吗？谢谢
4条答案
按热度按时间mcdcgff01#
Body.json()是异步的，返回一个解析为JavaScript对象的Promise对象。JSON.parse()是同步的，可以解析一个字符串并改变返回的JavaScript对象。cygmwpex2#
' AJAX '与'回调'一起工作;'fetch'与'promises'一起工作。
使用JSON.parse（）解析 AJAX 的响应。使用json（）解析fetch的响应。
dfddblmv3#
在我看来，这两个R。JSON和JSONparse执行相同的功能。偏好res.JSON是因为它的语法而被给出的。分享例子，以更好地理解。..
使用其中的任何一个都将提供完整的响应主体和对其功能的理解。
r3i60tvu4#
Body mixin的json（）方法接受一个Response流，并将其读取完成。它返回一个promise，该promise使用将正文解析为JSON的结果进行解析。parse（）方法解析一个JSON字符串，构造由字符串描述的JavaScript值或对象。
使用JSON.parse（）解析 AJAX 的响应。使用json（）解析fetch的响应。