0

jqueryuiを使用してオートコンプリートを作成しようとしています。リモートファイルsearch.phpからデータベースの結果をエコーし​​ています。火災のバグの応答で正しい単語が表示されていますが、提案リストがHTMLにまったく表示されていません。ページ。誰か助けてくれませんか？

jqueryui.comでマルチパイルのリモートデモのコードを使用しています

私のPHPコード

<?php include("connection.php");
 $q=mysql_real_escape_string($_GET['term']); 
$x="select fieldname from tablename where fieldname like '$q%'"; 
$query=mysql_query($x); 
while($row=mysql_fetch_array($query)) { echo $row['fieldname']."\n"; } ?>
========================================================================

    ------------------------------------------------------------------------

    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
        <script src="http://code.jquery.com/jquery-1.8.2.js"></script>
        <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
        <link rel="stylesheet" href="/resources/demos/style.css" />
        <style>
        .ui-autocomplete-loading {
            background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat;
        }
        </style>
        <script>
        $(function() {
            function split( val ) {
                return val.split( /,\s*/ );
            }
            function extractLast( term ) {
                return split( term ).pop();
            }

            $( "#birds" )
                // don't navigate away from the field on tab when selecting an item
                .bind( "keydown", function( event ) {
                    if ( event.keyCode === $.ui.keyCode.TAB &&
                            $( this ).data( "autocomplete" ).menu.active ) {
                        event.preventDefault();
                    }
                })
                .autocomplete({
                    source: function( request, response ) {
                        $.getJSON( "search.php", {
                            term: extractLast( request.term )
                        }, response );
                    },
                    search: function() {
                        // custom minLength
                        var term = extractLast( this.value );
                        if ( term.length < 2 ) {
                            return false;
                        }
                    },
                    focus: function() {
                        // prevent value inserted on focus
                        return false;
                    },
                    select: function( event, ui ) {
                        var terms = split( this.value );
                        // remove the current input
                        terms.pop();
                        // add the selected item
                        terms.push( ui.item.value );
                        // add placeholder to get the comma-and-space at the end
                        terms.push( "" );
                        this.value = terms.join( ", " );
                        return false;
                    }
                });
        });
        </script>
    </head>
    <body>

    <div class="ui-widget">
        <label for="birds">Birds: </label>
        <input id="birds" size="50" />
    </div>
4

1 に答える 1

0

リモートファイルが別のドメインに配置されている場合は、JSONPを使用する必要があります。JSONはクロスドメインデータ転送をサポートしていません。

同一生成元ポリシーについてもっと読む

于 2012-11-08T11:21:45.487 に答える