1

これは、PHPでのJSON Freebaseの結果の解析に由来しますが、 JSONP を使用してJavascriptで実行できるため、その方法を知りたいと思います。

したがって、私はこのjqueryオートコンプリートプラグインを使用しています：http：//devthought.com/wp-content/projects/jquery/textboxlist/Demo/

これは、入力でプラグインを使用するためのコードです。

$(function() {
    var t = new $.TextboxList('#form_topick_tags', {unique: true, plugins: {autocomplete: {
            minLength: 2,
            queryRemote: true,
            remote: {url: 'autocomplete2.php'}
        }}});

Freebaseの結果を解析したいと思います。例：http： //www.freebase.com/private/suggest？prefix = beatles＆type_strict = any＆category = object＆all_types = false＆start = 0＆limit = 10＆callback =

そしてそれをこの順序でプラグインに渡します：

guid,"name",null,"name<span>n:type name</span>"

したがって、最初の結果は次のようになります。

0,"The Beatles",null,"The Beatles<span>Band</span>"
4

1 に答える 1

2 
<input id="form_topick_tags" />

<!-- Adjust the script tag locations per your set-up -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="GrowingInput.js" type="text/javascript" charset="utf-8"></script>         
<script src="../Source/TextboxList.js" type="text/javascript" charset="utf-8"></script>     
<script src="../Source/TextboxList.Autocomplete.js" type="text/javascript" charset="utf-8"></script> 
<!-- required for TextboxList.Autocomplete if method set to 'binary' --> 
<script src="../Source/TextboxList.Autocomplete.Binary.js" type="text/javascript" charset="utf-8"></script>     


<script type="text/javascript">
var search = 'beatles',
    myJSONArray = [];

$(function() {
    var t = new $.TextboxList('#form_topick_tags', {
        unique: true, 
        plugins: {
            autocomplete: {
                minLength: 2
            }
        }
    });

    $.ajax({
        dataType:'JSONP',
        success: function (obj) {
            for (var i=0, orl=obj.result.length; i < orl; i++) {
                var o = obj.result[i];
                myJSONArray.push([o.guid, o.name, o.name+'<span>'+o['n:type'].name+'</span>']);
            }

            // For testing:

            // alert(myJSONArray);
            // You can just use myJSONArray, but if you need JSON, see http://json.org for a JSON converter; in modern browsers, JSON is supported by default
            //alert(JSON.stringify(myJSONArray)); 

            t.plugins['autocomplete'].setValues(myJSONArray);
        }, 
        url: 
        'http://www.freebase.com/private/suggest?type_strict=any&category=object&all_types=false&start=0&limit=10&prefix='+encodeURIComponent(search)
    });
});
</script>
于 2011-06-15T08:59:53.173 に答える