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

Question

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

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

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

格蕾兹·唐道（Greez Thandor）

Answer 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>