AJAX调用以检索JSON-如何格式化结果到屏幕

时间:2019-01-06 19:49:15

标签: javascript json ajax

我创建了一个文件,该文件自动发布3个标识字段(用于身份验证)以检索JSON结果。它工作正常(目前已开发为概念证明,因此ID进行了硬编码)。成功后,JSON将作为警报返回给浏览器。

如何在屏幕上返回并格式化JSON结果?

这是工作网址:https://www.advantageengagement.com/REST/js_yes.html

<!DOCTYPE html>
<html>
<head>
     <title>Javascript POST Form</title>
     <meta charset="utf-8">
</head>
<body>
    <script type="text/javascript">
        var http = new XMLHttpRequest();
        var postdata= "id_eap=999&id_company=&password=AAA111BBB2";              
        http.open("POST", "https://www.advantageengagement.com/REST/content/read.php", true);
        //Send the proper header information along with the request
        http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        http.onreadystatechange = function() {
             if(http.readyState == 4 && http.status == 200) {
                 alert(http.responseText);    
             }
        }
        http.send(postdata);
     </script>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

您还没有完全指定要格式化JSON的方式,但是我照做了,并做了相应的操作。

您可以使用以下代码。

http.onreadystatechange = function() {
             if(http.readyState == 4 && http.status == 200) {
             var a=http.responseText.split(" ");
            a.forEach((e)=> $('body').append(e + "<br>"))

             }
        }

split函数在每个JSON上将(" ")拆分为一个数组。您可以在此处输入要分割的任何参数。然后在数组中的每个元素后面添加一个换行符。