Javascript 怎么能ı；使用json的ajax请求？

我有一个API。我想获取数据，然后把数据写入输入。我使用了AJAX，但单击submit按钮时什么也没发生

$(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>

$（文档）.ready（函数（）{
$（'#ajaxBtn'）。单击（函数（）{
$.ajax（”https://jsonplaceholder.typicode.com/todos/1",
{
dataType:'json'，//响应数据的类型
超时：500，//超时毫秒
成功：函数（数据、状态、xhr）{//success回调函数
$（'p'）.append（data.firstName+''+data.middleName+''+data.lastName）；
},
错误：函数（jqXhr、textStatus、errorMessage）{//错误回调
$（'p'）.append（'Error:'+errorMessage）；
}
});
});
});

1）如果没有，则包括jquery库 2） 添加脚本标记

jQuery（文档）.ready（函数（$）{
$（'#ajaxBtn'）。单击（函数（）{
$.ajax（”https://jsonplaceholder.typicode.com/todos/1",
{
dataType:'json'，//响应数据的类型
//超时：500，//超时毫秒
成功：函数（数据、状态、xhr）{//success回调函数
控制台日志（数据）；
$（'p'）.append（'Todo ID:'+data.ID+'| Title:'+data.Title+'| UserId:'+data.UserId））；
},
错误：函数（jqXhr、textStatus、errorMessage）{//错误回调
$（'p'）.append（'Error:'+errorMessage）；
}
});
});
});

您是否检查了console.log（数据）输出？您的javascript部分是在外部文件中还是像这样放在html中？什么都没有发生是什么意思？请在问题详细信息中提及收到的输出或错误。您的HTML标记格式也不正确。@nightslitı检查了所有内容。我想要外部文件，但我无法找出问题所在，但这确实有效，但我没有声誉