Как подгрузить данные и изменить текст объекта по клику?

Question

[Alex Goncharov]

Есть блок, в котором отображается случайная цитата с сайта Forismatic.

Но новая цитата отображается только после перезагрузки страницы.

Моя задача: обновлять цитату по клику.

<script type="text/javascript">
function parseQuote(response) {
    document.getElementById("quote").innerHTML = response.quoteText;
    document.getElementById("author").innerHTML = response.quoteAuthor;
}
</script>

<div class="rocketquote" onclick="parseQuote(response)">
 
        <p id="quote"></p><br>
        <p style="font-style: normal" id="author"></p>

</div>
            
<script type="text/javascript" src="https://api.forismatic.com/api/1.0/?method=getQuote&format=jsonp&jsonp=parseQuote"></script>

onclick="parseQuote(response)" – не срабатывает.

Подскажите нубу.

Спасибо!

Answer 1

[Роман Александрович]

Вам необходимо использовать ajax запрос. https://learn.javascript.ru/ajax-xmlhttprequest