jQuery从MySQL数据库自动完成

Question

我要解决的问题：用户，输入邮政编码08212 ，或与此相关的任何美国邮政编码， jquery UI Autocomplete调用此源文件： ../src/php/registration/getFanLoc.php ，该文件会执行查询根据输入的邮政编码针对某些字段（如下所述）针对数据库。

在index.php上有一个表单/ jQuery：

假设所有的jQuery UI代码已经在此文件中

<script type="text/javascript">
    $(document).ready(function()
    {
        $('input#zip').autocomplete({
            dataType: "json",
            source: "../src/php/registration/getFanLoc.php",
            minLength: 3
        });
    });
</script>

<form method="post" id="FanDetail">
  <div class="ui-widget">
     <label for="zip">Zip: </label>
     <input id="zip" name="zipcode" value="US Zipcode" onFocus="clearText(this)" /><br />
  </div>
</form>

getFanLoc.php文件 -在mysql中查询与输入的5位邮政编码对应的任何记录：

     <?php
    try{
        ///////////////////////////////////////////////////////////
        $zip = mysql_real_escape_string($_GET['zipcode']); //////
        ///////////////////////////////////////////////////////////
        require_once('../../cfg/dbi.php') or die('Cant require dbi');
        $dbh->setAttribute( PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION );  
        $sth = $dbh->prepare(
        'SELECT fanDetLocID, fanDetLocCity, fanDetLocState FROM fanDetailLocation WHERE fanDetLocZip = ?');
        $sth->bindParam(1, $zip);
        $sth->execute();
    while ($res = $sth->fetch(PDO::FETCH_ASSOC)) {
        foreach($res as $column=>$val) {
            $res[$i][$column] = $val;
        }
        $i++;
        }   
    print json_encode($res);
} 


    catch(PDOException $e){
        file_put_contents('../../../PDODBConnectionErrors.txt', 'ERROR: [getFanLoc.php] about '.$e->getMessage().'<br>', FILE_APPEND);  
    }



    ?>

我最初遇到了麻烦，因为它没有连接到数据库，并且PDODBConnectionErrors.txt出现了错误，但是自那以后我FIXED那部分，现在它什么也不做，但是现在也没有在文件中引发错误。 有人看到我在做什么错吗？ 我是新手，使用autocomplete jQuery UI widget ，所以对我轻松一点:)。

我尝试过的更改：

• 尝试添加上面的$ _GET ['zipcode']，因为下面的评论者认为此插件使用$_GET而不是$_POST 。 将其从$ _POST更改为$ _GET是正确的，但是现在当我尝试直接访问文件时遇到以下问题：

• 还尝试过像getFanLoc.php?zipcode=08039这样直接访问文件，这似乎至少使我更接近了。 * 现在页面显示*从此URL访问它时为False ，这使我认为我的while() foreach()循环是错误的。 有人看起来有什么惊人的强项吗？

要添加：我正在使用此插件： http : //jqueryui.com/demos/autocomplete/ 。 谢谢@Sennet

** FIXED While（）循环（感谢Sennett）适用于直接访问，但不适用于以下形式：

    $jsonArray = array();
    while ($result = $sth->fetch(PDO::FETCH_ASSOC)) {
     $jsonArray[] = array(
          'label' => $result['fanDetLocID'], 
          'value' => $result['fanDetLocCity']);
    }
    print $jsonArray; // print results of array
    print json_encode($jsonArray); // json encode that array
}   // can't have code between here

// and here
    catch(PDOException $e){
        file_put_contents('../../../PDODBConnectionErrors.txt', 'ERROR: [getFanLoc.php] about '.$e->getMessage().'<br>', FILE_APPEND);  
    }

与Sennet合作4个小时后，我们现在拥有：

<script type="text/javascript">
$(document).ready(function()

{$（'input＃zip'）。autocomplete（{

    dataType: "json",
    source: "../src/php/registration/getFanLoc.php",
    minLength: 3,
    select: function(event, args){
        event.preventDefault();
        var joinedValues = args.item.value;
        var id = joinedValues.split("|")[0];
        var cityAndState= joinedValues.split("|")[1];
        document.getElementById('actualZip').value = cityAndState ; 
            document.getElementById('zip').value = id;
    }
});

}）;

Answer 1

首先要做的是尝试直接通过Web浏览器访问文件。 保留为$_GET 。 当浏览到getFanLoc.php?zipcode=XXX ，会发生什么情况，其中XXX是已知的代码？ 你有结果吗？

另外，假设您正在使用此插件 ，则应返回JSON而不是加载超链接-该插件将为您包装HTML。