为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

PHP
慕娘9325324 2021-06-22 17:04:43
我发布了所有显示数据后端但前面没有显示数据的图像。我的代码不起作用。我的代码获取数据并在控制台和浏览器网络中显示数据,但没有在像谷歌这样的文本框下显示建议我必须检查所有事情但没有得到一个想法我不明白这个。          <!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']))
查看完整描述

1 回答

  • 1 回答
  • 0 关注
  • 153 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信