Javascript 来自MySQL的Jquery移动自动完成_Javascript_Php_Mysql_Jquery Mobile_Autocomplete

Javascript 来自MySQL的Jquery移动自动完成

javascript php mysql jquery-mobile autocomplete

Javascript 来自MySQL的Jquery移动自动完成,javascript,php,mysql,jquery-mobile,autocomplete,Javascript,Php,Mysql,Jquery Mobile,Autocomplete,我从下面的例子开始我只是想更改，以便显示的数据来自MySQL，但在搜索字段中输入三个字符后，我没有得到列表值这是我的代码： JavaScript: <script> $( document ).on( "pageinit", "#test", function() { $( "#autocomplete" ).on( "filterablebeforefilter", function ( e, data ) { var $ul = $( this

我从下面的例子开始

我只是想更改，以便显示的数据来自MySQL，但在搜索字段中输入三个字符后，我没有得到列表值

这是我的代码：

JavaScript:

<script>
    $( document ).on( "pageinit", "#test", function() {
    $( "#autocomplete" ).on( "filterablebeforefilter", function ( e, data ) {
        var $ul = $( this ),
            $input = $( data.input ),
            value = $input.val(),
            html = "";
        $ul.html( "" );
        if ( value && value.length > 2 ) {
            $ul.html( "<li><div class='ui-loader'><span class='ui-icon ui-icon-loading'></span></div></li>" );
            $ul.listview( "refresh" );
            $.ajax({
                 url: "search2.php",
                 dataType: "jsonp",
                 crossDomain: true,
                 data: {
                    term: $input.val()
                }
            })
            .then( function ( response ) {
                $.each( response, function ( i, val ) {
                    html += "<li>" + val.value + "</li>";
                });
                $ul.html( html );
                $ul.listview( "refresh" );
                $ul.trigger( "updatelayout");
            });
        }
    });
});

在响应中没有SQL使用的情况下它能工作吗？如果放置静态响应，是否收到这些响应？在浏览器窗口中，右键单击，然后查看页面源。你看到列表中的项目了吗？？它是否从jsonp调用填充页面？？如果没有，请尝试放置--header（'Access-Control-Allow-Origin:'）；--作为php脚本的第一行。如果没有，则进行json调用而不是jsonp——json代替jsonp正在工作！！：）

<?php
$q = strtolower($_GET["term"]);
require_once("res/mysql-connect.php");
$return = array();
if (!$resultado = $mysqli->query("SELECT * FROM projects limit 10"))
                 {                  
                    echo "Fail SQL:" . $mysqli->errno . ") " . $mysqli->error;                                   
                 }
                 else
                 {
$resultado->data_seek(0);
while ($fila = $resultado->fetch_assoc()) 
                 {
                     array_push($return, array(
        'label'      => $fila['project_name'], 
        'value'    => $fila['project_id']) );
                 }

echo(json_encode($return));
}
?>

<body>
<div data-role="page" id="test">
<div data-role="header">
        <h1><? echo $labels['MAIN_PLURAL']; ?></h1>
        <a href="#menupanel" class="ui-btn-right">Opciones</a>
    </div><!-- /header -->

    <div role="main" class="ui-content">
        <h3>Cities worldwide</h3>
<p>After you enter <strong>at least three characters</strong> the autocomplete function will show all possible matches.</p>
<ul id="autocomplete" data-role="listview" data-inset="true" data-filter="true" data-filter-placeholder="Find a city..." data-filter-theme="a"></ul>
        <span style="float:right"><label for="province"><?php echo 'Conectado como ' . $_SESSION['username']?></label></span>        
    </div><!-- /content -->

    <div data-role="footer" data-position="right">                                                                  
    <h1></h1>
    <a href="./admin/cmd.php?cmd=logout" data-ajax="false" class="ui-btn-right ui-corner-all" style="margin: 0;">Salir</a>   
    </div><!-- /footer -->
</div><!-- /page -->

</body>

array (size=10)
  0 => 
    array (size=2)
      'label' => string 'VEGA DE SAN JOSÃ‰' (length=17)
      'value' => string '1' (length=1)
  1 => 
    array (size=2)
      'label' => string 'PARQUE DE CASABLANCA I ' (length=23)
      'value' => string '2' (length=1)
  2 => 
    array (size=2)
      'label' => string 'PLAZA DE MIGUEL ANGEL BLANCO' (length=28)
      'value' => string '3' (length=1)
  3 => 
    array (size=2)
      'label' => string 'EL LASSO II' (length=11)
      'value' => string '4' (length=1)
  4 => 
    array (size=2)
      'label' => string 'PLAZA TENDERETE' (length=15)
      'value' => string '5' (length=1)
  5 => 
    array (size=2)
      'label' => string 'PARQUE GLORIA FUERTES' (length=21)
      'value' => string '6' (length=1)
  6 => 
    array (size=2)
      'label' => string 'LOS TARAHALES I' (length=15)
      'value' => string '7' (length=1)
  7 => 
    array (size=2)
      'label' => string 'JARDINES DE CASABLANCA III' (length=26)
      'value' => string '8' (length=1)
  8 => 
    array (size=2)
      'label' => string 'LOMO APOLINARIO' (length=15)
      'value' => string '9' (length=1)
  9 => 
    array (size=2)
      'label' => string 'CASABLANCA II' (length=13)
      'value' => string '10' (length=2)