Sau khi xem qua mã một cách cẩn thận. Có vẻ như có một số lỗi cần được khắc phục.
- js không có trong hàm sẵn sàng của jQuery
- Giá trị của thuật ngữ không được truy xuất chính xác
- Phương thức on không được sử dụng đúng cách
- Thuộc tính ajax 'url' phải là chữ thường
- Loại dữ liệu phải là html vì nội dung đang được ghi thẳng vào DOM
- Phương thức viết phải là
html()
vì nội dung là HTML - Trang được trỏ đến không phải là trang PHP và không phải là trang tìm kiếm chính xác
Dưới đây là giải pháp cho tất cả những vấn đề này:
$(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);
}
});
}
});
});