解

Question

我正在使用JSON的自动完成小部件使用JSON来解析数据库信息但不起作用。像我这样的问题很多，但我找不到解决方案。解析了JSON的我的php文件是：

此错误出现在浏览器控制台中，位于php的第一行：

Uncaught SyntaxError: Unexpected token <

php文件peliculas.php

<?php

    function makeSqlConnection()
    {
        $SERVIDOR_MYSQL = "localhost";
        $BASE_DATOS = "db";
        $USUARIO_MYSQL = "root";
        $PASSWORD_MYSQL = "";

        $con = mysql_connect($SERVIDOR_MYSQL,$USUARIO_MYSQL,$PASSWORD_MYSQL) or die(mysql_error()); 
        mysql_select_db($BASE_DATOS,$con) or die(mysql_error());
        return $con;
    }

    function disconnectSqlConnection($con)
    {
        mysql_close($con);
    }

    $con = makeSqlConnection();

    $term = trim(strip_tags($_GET['term']));
    $result = mysql_query("SELECT PYS_STR, PYS_TITULO FROM pys WHERE PYS_STR LIKE '%".$term."%';", $con);

    $informacion = array();

    while($row = mysql_fetch_assoc($result))
    {
        array_push($informacion, array('label' => $row['PYS_TITULO'], 'value' => $row['PYS_STR']));
    }

    echo json_encode($informacion);
?>

JSON返回： [{"label":"Reservoir Dogs","value":"reservoirdogs"},{"label":"Machete","value":"machete"},{"label":"Wall Street","value":"wallstreet"},{"label":"Django Desencadenado","value":"djangodesencadenado"},{"label":"The Wire","value":"thewire"},{"label":"This Is England '88","value":"thisisengland88"}]

这是我的剧本：

$(function() {    
        $( "#peliculas" ).autocomplete({
            source: function( request, response ) {
                $.ajax({
                    url: "/bundles/pys/php/peliculas.php",
                    dataType: "json",
                    data: {terms: request.term},
                    success: function( data ) {
                        response( $.map( data, function( item ) {
                            return {
                                label: item.label,
                                value: item.value
                            }
                        }));
                    }
                });
            },
            minLength: 2,
            select: function( event, ui ) {
                log( ui.item ?
                    "Selected: " + ui.item.label :
                    "Nothing selected, input was " + this.value);
            },
            open: function() {
                $( this ).removeClass( "ui-corner-all" ).addClass( "ui-corner-top" );
            },
            close: function() {
                $( this ).removeClass( "ui-corner-top" ).addClass( "ui-corner-all" );
            }
        });
    });

这是我的HTML代码：

<div class="ui-widget">
  <label for="peliculas">Peliculas: </label>
  <input id="peliculas" />
</div>

<div class="ui-widget" style="margin-top: 2em; font-family: Arial;">
  Result:
  <div id="log" style="height: 200px; width: 300px; overflow: auto;" class="ui-widget-content"></div>
</div>

解

我已经解决了这个错误。问题出在peliculas.php的位置; Symfony2在/resource/public/js目录中检测到这个php文件，就像js文件一样。当我将php文件更改为新目录并且我已更新脚本中的url参数时，它已正常工作。

第二个问题出在data参数：

data: {terms: request.term},当我用terms替换term时，过滤工作正常。

Answer 1

由于缺少逗号，似乎无法正常工作

label: item.label,
value: item.value

Answer 2

要检查两件事：

1）请检查编辑器是否自动在文件中插入Unicode签名（BOM）。 http://www.w3.org/International/questions/qa-byte-order-mark#detect

您可能在php文件peliculas.php的开头有一个BOM（字节顺序标记）字符，导致输出出现问题。

如果您无法找到删除BOM的设置，请快速解决此问题：复制 - 将php文件的所有内容粘贴到notepad++中的空文件中，并将文件保存为UTF-8（记事本++不写BOM）

2）在json_encode

之前添加application / json标头

header('Content-Type: application/json');
echo json_encode($informacion);

使用JSON自动完成Jquery dataSource

解

2 个答案: