Después de mirar el código cuidadosamente. Parece que hay varios errores que deben corregirse.
- El js no está contenido dentro de la función jQuery ready
- El valor del término no se recupera correctamente
- El método on no se utiliza correctamente
- La propiedad ajax 'url' debe estar en minúsculas
- El tipo de datos debe ser html ya que el contenido se escribe directamente en el DOM
- El método de escritura debe ser
html()
ya que el contenido es HTML - La página a la que apuntaba no era una página PHP y no era la página de búsqueda correcta
A continuación se muestra la solución a todos estos problemas:
$(document).ready(function(){
$('#searchsubmit').on("click", function(){
// Get the value of the term field
var term = $('#term').val();
// Proceed if the term is not empty
if($.trim(term)!=''){
// Load the html result from the PHP script
$.ajax({
url: 'search.php',
data: 'term='+term,
type: 'POST',
dataType: 'html',
success: function(data){
// Place the HTML response into the search query div
$('#searchquery').html(data);
}
});
}
});
});