0

index.php

<html>
<head>
    <title>ы</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script type="text/javascript" src="jquery.autocomplete.js"></script>
</head>
<body>
<script type="text/javascript">
    $(document).ready(function(){
        $("#search").keyup(function(){
          $("#search").autocomplete("json.php", {
            delay:10,
            minChars:4,
            maxItemsToShow:3
            }
          );
          }); });
      //?word=" + $("#search-text").val()
</script>
<form action=""><input type="search" id="search"> <input type="submit"></form>
<body>
</html>

json.php

<?php
echo json_decode($_GET['q']);

このコードを機能させるにはどうすればよいですか? ファイルjsonを使用するにはどうすればよいですか? php でリクエストを処理し、結果をオートコンプリートに返す方法は? たぶん、より良い解決策がありますか？公式ドキュメントにはサーバー側のコード例が含まれていません!

応答 200ok を見た。誰でもない。echo json_decode ($ _GET ['q']); ここでエラー、問題はどこですか?

4

3 に答える 3

0

なぜオートコンプリートに php を使いたいのですか? キーストロークのたびに繰り返し要求するよりも、js を使用する方が便利ですか?

代わりにこれを試すことができる方法

<script>
    $(function() {
        var availableTags = [
            "ActionScript",
            "AppleScript",
            "Asp",
            "BASIC",
            "C",
            "C++",
            "Clojure",
            "COBOL",
            "ColdFusion",
            "Erlang",
            "Fortran",
            "Groovy",
            "Haskell",
            "Java",
            "JavaScript",
            "Lisp",
            "Perl",
            "PHP",
            "Python",
            "Ruby",
            "Scala",
            "Scheme"
        ];
        $( "#tags" ).autocomplete({
            source: availableTags
        });
    });
    </script>

そして体内で

<div class="ui-widget">
    <label for="tags">Tags: </label>
    <input id="tags" />
</div>


</body>
于 2012-11-15T15:20:19.980 に答える
0 
$(function() {
    $( "#city" ).autocomplete({
        source: function( request, response ) {
            $.ajax({
                url: "http://sitetesting.kiev.ua/ajax.php",
                dataType: "jsonp",
                data: {
                    name_startsWith: request.term
                },
                success: function( data ) {
                    response( $.map( data.geonames, function( item ) {
                        return {
                            label: item.countryName
                        }
                    }));
                }
            });
        },
        minLength: 2
    });
});
于 2012-11-16T19:33:57.660 に答える
0

これらの行に沿って何かを使用して項目配列にデータを入力し、フィールドの値がそれらのいずれかと一致するかどうかを確認できます。

$q = strtolower($_GET["q"]);
if (!$q) return;

/* Connect to database */

/* Query Database */

$items = array();

/* Loop through results and add them to items array */

while ($row = mysqli_fetch_assoc($result)) {
    $items[$row['name']] = $row['value'];
}

foreach ($items as $key=>$value) {
    if (strpos(strtolower($key), $q) !== false) {
        echo "$key|$value\n";
    }
}

検索のコード (データベース クエリ ビットなし) は、http://jquery.bassistance.de/autocomplete/demo/に記載されています。

もちろん、これは誰かが入力フィールドに文字を入力するたびに配列を生成するため、サーバーに非常に負担がかかります。

上記のより良い方法は、availableTags 変数を使用し、ロード時に PHP 経由でそれらを JavaScript 変数にロードすることです。これには、PHP json_encode 関数を使用することをお勧めします。

于 2012-11-16T08:46:33.473 に答える