我的javascript没有'；不显示错误，但不显示'；我什么也不做_Javascript_Html_Ajax

我的javascript没有'；不显示错误，但不显示'；我什么也不做

javascript html ajax

我的javascript没有'；不显示错误，但不显示'；我什么也不做,javascript,html,ajax,Javascript,Html,Ajax,我的javascript中有以下代码： $(document).ready(function() { $('#theatreC').on('click', function() { $.ajax({ type: "POST", url: '/Inicio.html', data: { llama: teatro },

我的javascript中有以下代码：

$(document).ready(function() {

    $('#theatreC').on('click', function() {
        $.ajax({
            type: "POST", 
            url: '/Inicio.html',
            data: {
                llama: teatro
            },
            datatype: 'html',
            success: function success(data) {
                $('#mainPage').html(
                    "<p>Buscando...</p>"
                );
            },
            error: function error(data) {
                $('#mainPage').html(
                    "<p>Error</p>"
                );
            }
        });
      });

});

$（文档）.ready（函数（）{
$（'#theaterac'）。在（'click'，function（）上{
$.ajax({
类型：“POST”，
url:“/Inicio.html”，
数据：{
美洲驼：teatro
},
数据类型：“html”，
成功：功能成功（数据）{
$（'#主页'）.html(
“Buscando…””
);
},
错误：函数错误（数据）{
$（'#主页'）.html(
“错误”
);
}
});
});
});

它什么也不做。我检查了控制台，但是脚本没有错误。我希望，当用户单击id为“theaterac”的列表元素时，它会写入id为“mainPage”的列表元素。这是我的html文件的标题：

  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="Fuentes/Fuentes.css">
    <link rel="stylesheet" href="css/estilos.css">
    <link rel="stylesheet" href="Icon.css">
    <script src="//code.jquery.com/jquery-latest.js"></script>
    <script src="script.js"></script>
  </head>

您能检查一下是否发出了ajax请求吗？是失败了，完成了却没有结果，还是根本没有发生？调试，调试，调试。。。逐步完成代码，设置断点，登录到控制台。老实说，我不知道如何调试我使用Visual Studio代码，我的web托管在hostingerRun中，在真实浏览器而不是VSC中运行，并使用DevTools的网络面板查看是否发出了AJAX请求。