Question

实际上我应该在浏览器中显示JSON数据，到目前为止我在浏览器响应体中获取数据，但这是问题所在。我面临着无法在浏览器中显示它的图片以便更好地理解，任何人都请帮助我。提前谢谢。

HTML代码是：

<!DOCTYPE html>
<html lang="en">
<head><title>Demo</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /></head>

<body>
  <input id="testbutton" type="button" value="Test" />
  <p id="results">results appended here: </p>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $("#testbutton").click(function() {
        $.ajax({
            url: 'http://localhost:8080/SMWS/Rest/parentService/parent/getSchoolDetails',
            dataType: 'jsonp',
            success: function(data) {
                $("#results").append('all good');
                alert(JSON.stringify(data));
            },
             error: function() {
                $("#results").append("error");
                alert('error');
            }
        });
    });
});
</script>
</body>
</html>

Answer 1

有很多关于 ajax请求的问题响应状态200 ，但会引发错误。例如，看一下这个one。在此主题中，建议错误可能是由服务器发送给您的格式错误的 json 引起的。您可以查看Corvin's answer和jaketrent's answer。
要查找错误响应消息，您可以查看此thread。将其定义为错误处理程序并查找xhr参数的 responseText 属性：
```
error: function(xhr, status, error) {
    console.log(xhr.responseText);
}
```

如何从浏览器响应头显示json数据

1 个答案: