猿问

使用 AJAX PHP 和 MySQL 不显示数据的 Bootstrap typeahead

我发布了所有显示数据后端但前面没有显示数据的图像。我的代码不起作用。


我的代码获取数据并在控制台和浏览器网络中显示数据,但没有在像谷歌这样的文本框下显示建议我必须检查所有事情但没有得到一个想法


我不明白这个。


          <!DOCTYPE html>

          <html>

       <head>

         <title>Webslesson Tutorial | Autocomplete Textbox using Bootstrap Typehead with Ajax PHP</title>

          <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

        <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.2/bootstrap3-typeahead.min.js"></script>

      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />




     </head>

       <body>

     <br /><br />

      <div class="container" style="width:600px;">

      <h2 align="center">Autocomplete Textbox using Bootstrap Typeahead with Ajax PHP</h2>

    <br /><br />

    <label>Search Country</label>

    <input type="text"  name="country" id="country" class="form-control input-lg" autocomplete="off"  placeholder="Type Country Name" />

      </div>

    </body>

   </html>



            <script>

            $(document).ready(function() {

            $('#country').typeahead({

            source: function(query, result) {

                $.ajax({

               url: "autoselect_jquery2.php", // send request to a separate file         

        method: "POST",

        data: {

          query: query

        },

        dataType: "json",

        success: function(data) {

          result($.map(data, function(item) {


            return item;

          }));


              }

         })

               }

         });


        });

         </script>




            //autoselect_jquery2.php

         <?php

         //Assume this line is correct and that you have a database.php file containing your log in credientials

            include 'database.php';


        //If Statement says - run this next piece of code if $_POST['query'] is set to something 

            if (isset($_POST['query']))


慕娘9325324
浏览 154回答 1
1回答
随时随地看视频慕课网APP
我要回答