Как мне обновить HTML-элемент с ответом от Ajax JQuery - PullRequest
0 голосов
/ 22 марта 2019

У меня запущено Java-приложение с конечной точкой REST @POST, которое принимает запрос SQL и возвращает результат в формате csv.

Конечная точка работает, я могу получить правильные результаты с помощью Curl и Postman.

Теперь я пытаюсь вызвать эту конечную точку через javascript и обновить значение HTML ответом. Но не имею опыта работы с JS.

Это код, который я использую:

<!DOCTYPE html>
<html>
<body>

<h1>Making A POST</h1>

<p id="demo">Change this text.</p>

<button type="button" onclick="loadDoc()">Change Content</button>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
function loadDoc() {
     $.post("http://localhost:4567/query/sql/csv",
    "SELECT * FROM testTable",
    function(data,status){
      document.getElementById("demo").innerHTML = $result;
    });
}
</script>

</body>
</html>

Это успешно делает запрос POST, можно увидеть из консоли приложения. Но это не меняет элемент HTML с ответом: <p id="demo">Change this text.</p>

Ответы [ 2 ]

1 голос
/ 22 марта 2019

Как я вижу, вы используете переменную, которая не определена: $result Я думаю, что вы хотите использовать data вместо этого.Как это: document.getElementById("demo").innerHTML = data;

0 голосов
/ 22 марта 2019

Код работает.Проблема заключалась в блокировке скрипта Chrome и Internet Explorer.

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