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());

这只会将数据粘贴到#more-info字段中。如果它不起作用，请检查js控制台是否有错误。它可能会给你一个提示

使用onClick从Ajax加载主页中其他PHP文件的内容

1 个答案: