AJAX Call to Retrieve JSON - Как отформатировать результаты на экране - PullRequest
0 голосов
/ 06 января 2019

Я создал файл, который автоматически публикует 3 поля идентификации (для аутентификации) для получения результатов JSON. Он отлично работает (сейчас разработан как подтверждение концепции, поэтому идентификаторы жестко запрограммированы). В случае успеха JSON возвращается как предупреждение браузеру.

Как я могу вернуть и отформатировать результаты JSON на экране?

Вот рабочий URL: 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>

Ответы [ 2 ]

0 голосов
/ 06 января 2019

Вы точно не указали, как вы хотите отформатировать 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 на массив при каждом (" "). Вы можете указать здесь любой параметр, относительно которого вы хотите разделить. Затем добавьте каждый элемент в массив с переносом строки.

0 голосов
/ 06 января 2019

Если я понимаю ваш вопрос,

В зависимости от того, как вы хотите отобразить данные, вы можете разделить данные, отображаемые в вашем предупреждении, на "," и использовать каждый из этих новых отдельных элементов в качестве данных для нумерованного / неупорядоченного списка с помощью манипуляции DOM JavaScript.

Вот информация о разделении данных: Синтаксис сплит (разделитель, предел)

Parameter
separator:  The character to separate the string. The separator itself is 
a string. If the separator is not present it returns the entire string. in 
your case you could use ",". 

limit : An integer specifying a limit on the number of substrings to be 
found. Make it big if you don't know how many individual items are in the 
object showing in your alert.

Вот информация о javascript: https://www.w3schools.com/js/js_htmldom_html.asp

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...