Nachdem Sie den Code sorgfältig durchgesehen haben. Es scheint, dass mehrere Fehler behoben werden müssen.
- Das js ist nicht in der jQuery-Ready-Funktion enthalten
- Der Wert von term wird nicht korrekt abgerufen
- Die on-Methode wird nicht richtig verwendet
- Die Ajax-Eigenschaft „url“ muss in Kleinbuchstaben geschrieben werden
- Der Datentyp muss html sein, da der Inhalt direkt in das DOM geschrieben wird
- Die Schreibmethode muss
html()
sein da der Inhalt HTML ist - Die Seite, auf die verwiesen wird, war keine PHP-Seite und nicht die richtige Suchseite
Nachfolgend finden Sie die Lösung für all diese Probleme:
$(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);
}
});
}
});
});