Na zorgvuldig door de code te hebben gekeken. Het lijkt erop dat er verschillende fouten zijn die moeten worden verholpen.
- De js zit niet in de jQuery ready-functie
- De waarde van term wordt niet correct opgehaald
- De aan-methode wordt niet correct gebruikt
- De ajax-eigenschap 'url' moet in kleine letters zijn
- Het gegevenstype moet html zijn, aangezien de inhoud rechtstreeks naar de DOM wordt geschreven
- De schrijfmethode moet
html()
. zijn aangezien de inhoud HTML is - De pagina waarnaar wordt verwezen was geen PHP-pagina en was niet de juiste zoekpagina
Hieronder vindt u de oplossing voor al deze problemen:
$(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);
}
});
}
});
});