Как можно запросить ı ajax с json?

Question

У меня есть API. Я хочу получить данные, и я хочу, чтобы эти данные записывались для ввода. Я использовал AJAX, но при нажатии кнопки отправки

$(document).ready(function () {

     $('#ajaxBtn').click(function(){
        $.ajax("https://jsonplaceholder.typicode.com/todos/1",
        {
            dataType: 'json', // type of response data
            timeout: 500,     // timeout milliseconds
            success: function (data,status,xhr) {   // success callback function
                $('p').append(data.firstName + ' ' + data.middleName + ' ' + data.lastName);
            },
            error: function (jqXhr, textStatus, errorMessage) { // error callback 
                $('p').append('Error: ' + errorMessage);
            }
        });
     });

    });




    <input type="button" id="ajaxBtn" value="Send Ajax request" />
<p>
</p>

ничего не произошло.

Answer 1

1) Включите библиотеку jquery, если нет 2) Добавьте тег скрипта

<script src="https://code.jquery.com/jquery-3.5.1.js" ></script>
<script>
    jQuery(document).ready(function ($) {

        $('#ajaxBtn').click(function(){
            $.ajax("https://jsonplaceholder.typicode.com/todos/1",
                {
                    dataType: 'json', // type of response data
                    // timeout: 500,     // timeout milliseconds
                    success: function (data,status,xhr) {   // success callback function
                        console.log(data);
                        $('p').append('Todo ID: ' + data.id + ' | Title:' + data.title + ' | UserId: ' + data.userId);
                    },
                    error: function (jqXhr, textStatus, errorMessage) { // error callback
                        $('p').append('Error: ' + errorMessage);
                    }
                });
        });

    });
</script>


<input type="button" id="ajaxBtn" value="Send Ajax request" />
<p>
</p>