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

我有一个关于发出ajax搜索请求的方法的问题。 我的表单、ajax调用和查询都正常工作，但我不知道返回结果的最佳方式是什么。 我想“更新”现有表。做这件事最好最干净的方法是什么

我不想重建整张桌子。但是我应该使用JSON对象还是直接用html代码返回结果

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

---

Greez Thandor

此代码用于自动完成搜索

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

函数自动完成（值）
{
$.ajax({
方法：“张贴”，
url:“autocomplete.php”，
数据：{id:value}
})
.done（函数（msg）{
$（'#autocomplete'）.html（msg）；
$（“#自动完成”）.show（）；
});
}

html

通过编码，您尝试了什么？显示您的代码。我返回一个带有孔代码的变量（使用tr、td、行等）来创建一个新表，这是可行的，但我认为这不是最干净和最好的方法，不是吗？感谢代码，这是我想做的下一步。但是首先我想用搜索结果填充我的表，而不是搜索表单。我想我的问题没有明确定义^^删除“仅使用自动完成”以搜索您的数据

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