ajax - 将值发送到数据库并使用 Ajax onclick 将结果返回到同一页面

Question

可以帮助我如何将表单提交到索引页面上的搜索页面脚本并返回搜索脚本的结果，具体DIV id search_results我们去 search.php 或使用 AJAX 刷新索​​引页面onClick 我在 Ajax 中不好，但我试试我的最好用下面的代码来做我正在寻找的东西，但是正在加载我们点击任何我需要用户在他/她输入他们正在寻找的东西时触发事件的页面？非常感谢任何答案或建议

<script language="javascript" src="js/jquery-8.js"></script>
<script language="javascript">
        var grbData = $.ajax({
        type : "GET",
        url : "search_m.php",
        data : "q=",
        success: function (html) {
        $("#more-info").html(html);
        }
});
</script>

<div id="more-info"></div>

我希望上面的代码使用下面的 htm 表单

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

Answer 1

向 search_btn 元素添加点击事件。

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

HTH。