コードを注意深く調べた後。対処する必要のあるエラーがいくつかあるようです。
- jsはjQueryready関数に含まれていません
- termの値が正しく取得されていません
- onメソッドが適切に使用されていません
- ajaxプロパティ「url」は小文字である必要があります
- コンテンツはDOMに直接書き込まれるため、データ型はhtmlである必要があります
- 書き込みメソッドは
html()
である必要があります コンテンツはHTMLであるため - ポイントされているページはPHPページではなく、正しい検索ページではありませんでした
以下は、これらすべての問題の解決策です。
$(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);
}
});
}
});
});