Hice este script de javascript:
$(document).ready(function() {
$('#teatroC').on('click', function() {
$.ajax({
type: "POST",
url: '/routet',
data: {
llama: teatro
},
datatype: 'html',
success: function success(data) {
$('#mainPage').html(
<article>
<p style="text-align:center;">Bienvenido a la Alianza Cultural MEXICO-CHINA</p>
<img src="Imágenes/Reflector2.png" alt="bailarines" height="100" width="100" class="center"></img>
</article>
);
},
error: function error(data) {
}
});
});
});
Pero cuando hago click en el elemento, me manda error 404, ¿algo está mal ahí? En sí lo que quiero que haga es que, cuando el usuario haga click en el botón cuyo id es "teatroC", muestre en la sección llamada "mainPage" ese código que se muestra ahí.
ACTUALIZACIÓN:
Miren, esto es lo que he cambiado hasta ahora:
$(document).ready(function() {
$('#teatroC').on('click', function() {
$.ajax({
type: "POST",
url: '/Inicio.html',
data: {
llama: teatro
},
datatype: 'html',
success: function success(data) {
$('#mainPage').html(
'<article>
<p style="text-align:center;">Bienvenido a la Alianza Cultural MEXICO-CHINA</p>
<img src="Imágenes/Reflector2.png" alt="bailarines" height="100" width="100" class="center"></img>
</article>'
);
},
error: function error(data) {
$('#mainPage').html(
<p>Error</p>
);
}
});
});
});
Y al revistar la consola me muestra este error:
Uncaught SyntaxError: Invalid or unexpected token script.js:13
hosted page injected VM23:4
Failed to load resource: the server responded with a status of 404 () LSANS.ttf:1
error
sino haciasuccess
.url: '/routet'
es la ruta correcta. Saludos.