使用Ajax從主頁中的其他PHP文件加載內容使用onClick

Question

我想從搜索頁中提交搜索詞到搜索頁我們用以下HTML表單和AJAX代碼刷新整個索引頁，但似乎AJAX發送空值search_m.php和不能夠顯示在索引頁上的結果可以指出我在哪裏做錯了我不擅長AJAX？ 注意我在數據庫中搜索

感謝和問候

<script language="javascript" src="js/jquery9min.js"></script> 
<script language="javascript"> 
$('#search_btn').click(function(e) { 
    e.preventDefault(); 
    $.ajax({ 
    type : "GET", 
    url : "search_m.php", 
    data : $('#search_toggle').val(), 
    success: function (html) { 
     $("#more-info").html(html); 
    } 
}); 
</script> 

<form style="width:230px; margin:0 auto;" id="find" method="GET"> 
<input type="image" src="images/searchthis.png" id="search_btn"> 
<input type="text" id="search_toggle" name="q" placeHolder="type to start searching"> 
</form> 


<div id="more-info">content should be displayed here</div> 

Answer 1

你沒有指定的關鍵，只有你試圖傳遞數據的價值。數據可以採取一個對象或串行數據 嘗試通過

data:{q:$('#search_toggle').val()} 
//or 
url:"Searchm.php?q="+$('#search_toggle').val() 

在一個旁註，你可以使用負載

$("#more-info").load("search_m.php?q="+$('#search_toggle').val()); 

這將只是數據粘貼＃更信息字段。如果它不起作用，請檢查js控制檯是否有錯誤。它可能會給你一個提示