使用 Ajax 搜索表单 - 如何显示

【问题标题】：Search Form with Ajax - How to display使用 Ajax 搜索表单 - 如何显示
【发布时间】：2015-05-25 17:59:47
【问题描述】：

我对发出 ajax 搜索请求的方法有疑问。我的表单、ajax 调用和查询正在工作，但我不知道，返回结果的最佳方式是什么。我想“更新”现有表。最好和最干净的方法是什么？

我不想重新创建整个表。但是我应该使用 JSON 对象还是直接使用 html 代码返回结果。

感谢您的帮助！如果您还为您的解决方案发送示例代码，我将不胜感激。

格列兹·桑多尔

【问题讨论】：

通过编码，你尝试过什么？显示您的代码。
我返回一个带有孔代码（带有 tr、td、行等）的变量来创建一个新表，这很有效，但我认为这不是最干净和最好的方法，不是吗？

标签： javascript php ajax search

【解决方案1】：

此代码用于自动完成搜索

 <script type="text/javascript">
        function autocompelete(value)
        {
        $.ajax({
      method: "POST",
      url: "autocomplete.php",
      data: { id: value }
    })
      .done(function( msg ) {

        $('#autocomplete').html(msg);
        $('#autocomplete').show();
      });

    }
    </script>

html

<div id="search-bar">
                <form action="youpage.php" method="POST">
                    <input type="submit" name="search" class="search-btn" value="" />
                    <input type="text" name="brand" autocomplete="off" onkeyup="autocompelete(this.value)" id="search" class="search-field" placeholder="Model Number, Brand, Company ..." />
                </form>
                <div style="display:none" id="autocomplete"></div>
            </div>

【讨论】：

感谢代码，这是我想做的下一步。但首先我想用搜索结果填充我的表格，而不是搜索表单。我认为我的问题没有明确定义... ^^
删除只使用自动完成对您的数据进行搜索