Dopo aver esaminato attentamente il codice. Sembra che ci siano diversi errori che devono essere corretti.
- Il js non è contenuto nella funzione jQuery ready
- Il valore del termine non viene recuperato correttamente
- Il metodo on non viene utilizzato correttamente
- La proprietà ajax 'url' deve essere minuscola
- Il tipo di dati deve essere html poiché il contenuto viene scritto direttamente nel DOM
- Il metodo di scrittura deve essere
html()
poiché il contenuto è HTML - La pagina a cui si punta non era una pagina PHP e non era la pagina di ricerca corretta
Di seguito è riportata la soluzione a tutti questi problemi:
$(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);
}
});
}
});
});