Setelah melihat melalui kode dengan hati-hati. Tampaknya ada beberapa kesalahan yang perlu diperbaiki.
- Js tidak ada dalam fungsi siap jQuery
- Nilai istilah tidak diambil dengan benar
- Metode aktif tidak digunakan dengan benar
- 'url' properti ajax harus huruf kecil
- Tipe data harus html karena konten ditulis langsung ke DOM
- Metode penulisan harus
html()
karena isinya HTML - Halaman yang ditunjuk bukanlah halaman PHP, dan bukan halaman pencarian yang benar
Di bawah ini adalah solusi untuk semua masalah ini:
$(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);
}
});
}
});
});