Po dokładnym przejrzeniu kodu. Wygląda na to, że istnieje kilka błędów, którymi należy się zająć.
- Js nie jest zawarte w funkcji jQuery ready
- Wartość terminu nie jest pobierana poprawnie
- Metoda on nie jest używana prawidłowo
- Właściwość ajax „url” musi być pisana małymi literami
- Typ danych musi być html, ponieważ treść jest zapisywana bezpośrednio do DOM
- Metodą zapisu musi być
html()
ponieważ treść to HTML - Wskazywana strona nie była stroną PHP i nie była poprawną stroną wyszukiwania
Poniżej znajduje się rozwiązanie wszystkich tych problemów:
$(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);
}
});
}
});
});