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>

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

1 个答案: