Efter at have kigget koden grundigt igennem. Det ser ud til, at der er flere fejl, der skal løses.
- Js er ikke indeholdt i jQuery ready-funktionen
- Værdien af termen bliver ikke hentet korrekt
- Til-metoden bruges ikke korrekt
- Ajax-egenskaben "url" skal være små bogstaver
- Datatypen skal være html, da indholdet skrives direkte til DOM'en
- Skrivemetoden skal være
html()
da indholdet er HTML - Siden, der peges på, var ikke en PHP-side og var ikke den korrekte søgeside
Nedenfor er løsningen på alle disse problemer:
$(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);
}
});
}
});
});