Jquery ui - 自动完成 - UTF8字符集

时间:2012-03-05 00:46:17

标签: jquery sql utf-8 autocomplete case-sensitive

我正在研究这个jquery数据输入表单,其中我需要一个特定的字段来自动完成来自mysql的数据

我让一切正常,autocomplete通过php从sql中检索数据 匹配很棒的英语/拉丁字符

问题是,当我输入希腊语时,我只会得到案例敏感的匹配 如果我输入正确的情况,我得到我的匹配,一切顺利,但id'喜欢它是不敏感的

如你所知,我正在使用它与外部源,所以我猜它必须是比较两个字符串...在正确输入案例时工作正常......

另外,正如您将在我的代码中看到的,我有一个数组[id,name] 使用我当前的配置,(即使区分大小写)我搜索名称,下拉列表出现,当我单击我想要的名称时,单元格将填充ID,当我提交表单时,id将被发布到下一个php页面

有没有办法让完全相同的东西,但不是用id填充字段,以填写名称?即:搜索名称,获取名称下拉列表,点击并在字段中获取名称,当我提交时,我会发布ID?

任何帮助将不胜感激。 这是代码:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<script language="javascript" type="text/javascript" src="js/dropdowndata/dropdowndata.name.js"></script>
等等等等......

<li class="ui-widget"><label for="name"> Last name: </label><input class="name" name="name" style="width:100px" /></li>

这是js:

$(function() {
    var cache = {},
        lastXhr;
    $( ".name" ).autocomplete({
        minLength: 1,
        source: function( request, response ) {
            var term = request.term;
            if ( term in cache ) {
                response( cache[ term ] );
                return;
            }

            lastXhr = $.getJSON( "search.php", request, function( data, status, xhr ) {
                cache[ term ] = data;
                if ( xhr === lastXhr ) {
                    response( data );
                }
            });
        }
    });
});

这是源(search.php):

<?php

                $link = mysql_connect("1","2","3");
                        if (!$link) {  die("Database Connection Failed". mysql_error());}

    mysql_set_charset('utf8',$link);

                $db_select = mysql_select_db("form2",$link);
                        if(!$db_select){die("Database Selection Failed " . mysql_error());}

    mysql_query("SET NAMES 'utf8'", $link);

                $result1 = mysql_query("SELECT dlastname,dfirstname,id FROM doctors ORDER BY dlastname ASC", $link);
                        if(!$db_select){die("No Data found in db " . mysql_error());            }

$items=array();

                while($row = mysql_fetch_array($result1)){
                         $items[$row['id']] = $row['dlastname']. ", ". $row['dfirstname'];}

sleep( 1 );
if (empty($_GET['term'])) exit ;
$q = strtolower($_GET["term"]);
if (get_magic_quotes_gpc()) $q = stripslashes($q);



$result = array();
foreach ($items as $value=>$key) {
        if (strpos(strtolower($key),$q ) !== false) {
                array_push($result, array("id"=>$value, "label"=>$key, "value" => strip_tags($value)));
        }
        if (count($result) > 11)
                break;}

echo json_encode($result);


?>
你可以看到我已经收录了         mysql_set_charset( 'utf-8',$链接);         mysql_query(“SET NAMES'utf8'”,$ link); 在我的源PHP文件中 +我网页中的字符集... 甚至尝试在源php文件中设置一个标签,但它搞砸了所有东西:(

你知道我对所有这些都很新,所以如果任何1可能需要一些时间来解释我失踪的东西,那会很棒:) 此外,任何其他建议/改进都会很棒,因为这是我的第一段代码之一:)

提前

thanx

3 个答案:

答案 0 :(得分:2)

我弄清楚了, strtolower()和UTF-8字符集似乎有问题 我改变了两种情况     用strtolower($字符串) 在search.php中:     mb_strtolower(($字符串), 'UTF-8') 它起作用了;)

代码现在看起来像这样:

sleep( 1 );
if (empty($_GET['term'])) exit ;
//change in next line:
$q = mb_strtolower(($_GET["term"]),'UTF-8');
if (get_magic_quotes_gpc()) $q = stripslashes($q);



$result = array();
foreach ($items as $value=>$key) {
        //change in next line:
        if (strpos(mb_strtolower(($key),'UTF-8'),$q ) !== false) {
                array_push($result, array("id"=>$value, "label"=>$key, "value" => strip_tags($value)));
        }
        if (count($result) > 11)
                break;}

echo json_encode($result);

thanx回复家伙:) 早上心态+咖啡让我更清楚:)

对此有任何想法: “另外,正如你将在我的代码中看到的,我有一个数组[id,name]和我当前的配置,(甚至区分大小写)我搜索名称,下拉列表出现,当我点击我想要的名字时,单元格被填充使用ID,当我提交表单时,id会被发布到下一个PHP页面。

有没有办法让完全相同的东西,但不是用id填充字段来填充它的名称?即:搜索名称,获取名称下拉列表,点击并在字段中获取名称,当我提交时,我会发布ID?“

答案 1 :(得分:0)

你需要添加一个标题来开始php页面(索引或你从ajax(search.php)调用的任何内容)

 header("Content-Type:text/html; charset=utf-8");

答案 2 :(得分:0)

在自动完成插件的文档中,有一个名为matchCase的选项。默认情况下,它设置为false。将其更改为true,然后匹配不区分大小写。

http://docs.jquery.com/Plugins/Autocomplete/autocomplete