Depois de examinar o código cuidadosamente. Parece que existem vários erros que precisam ser corrigidos.
- O js não está contido na função pronta para jQuery
- O valor do termo não está sendo recuperado corretamente
- O método on não está sendo usado corretamente
- A propriedade ajax 'url' deve ser minúscula
- O tipo de dados deve ser html, pois o conteúdo está sendo gravado diretamente no DOM
- O método de escrita deve ser
html()
pois o conteúdo é HTML - A página apontada não era uma página PHP e não era a página de pesquisa correta
Abaixo está a solução para todos esses 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);
}
});
}
});
});