Question

我想通过ajax调用执行自动搜索，但是我被困在搜索栏上显示结果。但是我的搜索结果显示在结果中。

<input type="text" id="select_link" placeholder="enter the text">

这是我的html代码

 <script type="text/javascript">
         $(document).ready(function(){       
            $('#select_link').keyup(function(e){
                e.preventDefault();               

                var questionText = document.getElementById("select_link").value;
                var userName= document.getElementById("select_link").value;
                var groupName= document.getElementById("select_link").value;


      var data = {};

      data.questionText = questionText;
      data.userName = userName;
      data.groupName = groupName;


      $.ajax({
        type: 'POST',
        data: JSON.stringify(data),
            contentType: 'application/json',
                    url: 'mastersearch.php',            
                    success: function(data) {
                         alert("JSON" +JSON.stringify(data));
                        $("#select_link").html(data);

                    }
                });     

    </script>

这是我的ajax代码，直到我的JSON结果正常运行为止，但是在搜索栏中的HTML结果中它不会显示。

Answer 1

您正在使用.html（）方法设置ajax数据，而不是使用.val（）方法设置文本框中的值

请尝试下面的代码

<script type="text/javascript">
         $(document).ready(function(){       
            $('#select_link').keyup(function(e){
                e.preventDefault();               

                var questionText = document.getElementById("select_link").value;
                var userName= document.getElementById("select_link").value;
                var groupName= document.getElementById("select_link").value;


      var data = {};

      data.questionText = questionText;
      data.userName = userName;
      data.groupName = groupName;


      $.ajax({
        type: 'POST',
        data: JSON.stringify(data),
            contentType: 'application/json',
                    url: 'mastersearch.php',            
                    success: function(data) {
                         alert("JSON" +JSON.stringify(data));
                        $("#select_link").html(data);

                    }
                });     

    </script>

注意：如果数据包含JSON值并且您未使用JSON.stringify（data），那么它将在文本框[Object Object]中设置值

如何在自动搜索中显示数据

1 个答案: