繁体   English   中英

在jQuery Ajax和php5中自动完成

[英]autocomplete in jquery ajax and php5

index.php

  <div class="input-group">
                <input type="text" class="form-control autosuggest" placeholder="Search for">
                <span class="input-group-btn">
                    <button class="btn btn-info"><span class="glyphicon glyphicon-search"></span></button>
                </span>
            </div>
             <div class="dropdown">
                    <ul class="result">

                    </ul>
                </div>

jQuery / Ajax文件

$(document).ready(function() {
$(".autosuggest").keyup(function() {
    var search_term  = $(this).attr('search');
    var dataString = 'search_term='+ search_term;
    $.ajax({
        type: 'post',
        url : 'search.php',
        data: dataString,
        success: function(data) {
            alert(data);
        }
    });
});

});

search.php文件

<?php
include 'includes/db.php';

if(isset($_POST['search_term']) && !empty($_POST['search_term'])) {
    $search_term = mysqli_real_escape_string($conn, $_POST['search_term']);
    $sql = "SELECT name FROM names WHERE name LIKE $search_term%";
    $run_sql = mysqli_query($conn, $sql);
    while($rows = mysqli_fetch_assoc($run_sql)) {
        echo "<li>$rows[name]</li>";
    }
  }
?>

我只是在php mysql和ajax中提出一个简单的自动完成建议,我的php版本是5,jquery版本是2,我想将我的mysql数据填充到autosuggest容器中,首先,我想借助来提醒页面上的数据javascript警报功能,但是有一些错误,任何人都可以查看我的代码

谢谢

使用引号arround搜索变量

 $sql = "SELECT name FROM names WHERE name LIKE '$search_term%' ";

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM