#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.