Мой javascript не показывает ошибку, но он ничего не делает

#javascript #html #ajax

#javascript #HTML #ajax

Вопрос:

У меня есть этот код в моем 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>"
                );
            }
        });
      });

});
  

и он ничего не делает. Я проверил консоль, но в скрипте нет ошибки. Я хочу, чтобы, когда пользователь нажимает на элемент списка с идентификатором «theatreC», он записывался в с идентификатором «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>
  

Комментарии:

1. Можете ли вы проверить, выполняется ли запрос ajax вообще? Это сбой, завершение без результата или вообще не происходит?

2. отлаживать, отлаживать, отлаживать … выполните пошаговый код, установите точки останова, войдите в консоль.

3. честно говоря, я не знаю, как отлаживать

4. Я использую код Visual Studio, и мой веб-сайт размещен в hostinger

5. Запустите его в реальном браузере вместо VSC и используйте сетевую панель DevTools, чтобы увидеть, выполняется ли запрос AJAX.