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

检查确定的网址，并确保$（＆＃39;＃search＆＃39;）。val（）有一些内容，因为如果是＆＃39;＆＃39;你有问题。

Answer 2

试试这个：

$('#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);
      }
});

Ajax Html表单提交不起作用

2 个答案: