jquery - Ajax Html表单提交不起作用

Question

我正在尝试将带有 AJAX 的 HTML 表单提交到搜索页面，并将结果带到我进行搜索的索引页面中，我们刷新索引页面，因此我尝试编写一些 AJAX 代码来为我执行此操作，但它似乎是表单无法提交 谁能帮我解决这个问题？当我查看 URL 时，它显示 q 没有价值，任何建议或已经制作的代码也非常感谢。

未能提交表单的代码。

<script language="javascript" src="js/jquery9min.js"></script>
<script language="javascript">
  $('#search_btn').click(function(e) {
    e.preventDefault();
    $.ajax({
      type : "GET",
      url:"search.php?q="+$('#search').val(),
      success: function (html) {
        $("#search_results").html(html);
      }
    });
</script>

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

<div id="search_results"></div>

Answer 1

尝试这个：

$('#search_btn').click(function(e) {
   e.preventDefault();
   var search = $('#search').val();
   $.ajax({
      type : "GET",
      url:"search.php?q="+ search,
      success: function (html) {
        $("#search_results").html(html);
      }
});

Answer 2

检查 url 是否正常，并确保 $('#search').val() 有一些东西，因为 if is '' 你有问题。