0

Amazon CloudSearchをJQuery Autocomplete selectのソースとして使用しています。非常にうまく機能しますが、特定できない理由により、返される結果が1 つだけの場合、エンコーディングが混乱します。

ソリューションは次のように機能します。

人々が特定の都市の近所や通りを入力するテキスト入力:

<div id="searchFormContainer">
    <input type="text" value="&nbsp;Digite o bairro ou rua" name="inputSearch" id="inputSearch"/>
</div>

JQuery オートコンプリート構成:

var sourceFunction = function (request, response) {
    var successFunction = function (places) {
        var placesWithLabel = jQuery.map(places, function (place) {
            var label = (place.addressName) ? place.addressName+', ' : '';
            label += place.neighborhoodName;
            var value = label;
            return {label:label, value:value};
        });
        if(placesWithLabel.length==0){
            placesWithLabel.push({label:"Não encontrado", value:""})
        } 
        response(placesWithLabel);
    }


    var ajaxOptions = {appendTo: '#searchFormContainer', 
                       url: '/textSearch', dataType: "json", 
                       data: {strToSearch: request.term, 
                       cityName: self.place.city.name}, 
                       success: successFunction};
    jQuery.ajax(ajaxOptions);
};

var openFunction = function () {
    jQuery(this).removeClass( "ui-corner-all" ).addClass( "ui-corner-top" );
};

var closeFunction = function () {
    jQuery( this ).removeClass( "ui-corner-top" ).addClass( "ui-corner-all" );
};

var selectFunction = function (event, data) {
    if(data.item.value==""){
        return;
    }else{
        //redirect to result page
    }
};

**var autocompleteOptions = {appendTo: '#searchFormContainer',
    source: sourceFunction,
    minLength: 1,
    open: openFunction,
    close: closeFunction,
    select: selectFunction};**

**$('#searchFormContainer #inputSearch').autocomplete(autocompleteOptions);**

それは正常に動作し、 textSearchという名前の私の python ビューを呼び出します。

def textSearch(request):
    results = simplejson.loads(requests.get('http://%s/2011-02-01/search?' % (settings.SEARCH_CLOUD_HOST), params=fieldsParameter).text)['hits']
    return HttpResponse(simplejson.dumps(results), mimetype='application/json')

たとえば、Cerqueira César 地区にある Oscar Freire という名前の通りを検索する場合、オートコンプリートにOscar Frと入力すると、Amazon CloudSearch は次の 2 つの結果を返します。

[16/Apr/2013 23:59:47] "GET /textSearch?strToSearch=Oscar+F&cityName=S%C3%A3o+Paulo HTTP/1.1" 200 682
Neighbourhood from Amazon --> Cerqueira César
Returns from Amazon --> {'id_address': u'52267', 'neighborhoodName': u'Cerqueira C\xe9sar', 'addressName': u'Rua Oscar Freire', 'id_neighborhood': u'19694'}

Neighbourhood from Amazon --> Jardim Anália Franco
Returns from Amazon --> {'id_address': u'61073', 'neighborhoodName': u'Jardim An\xe1lia Franco', 'addressName': u'Rua Jos\xe9 Oscar Abreu Sampaio', 'id_neighborhood': u'19881'}

しかし、検索キーワードOscar Freでもう 1 文字入力すると、次の1 つの結果しか返されません。

[16/Apr/2013 23:59:49] "GET /textSearch?strToSearch=Oscar+Fr&cityName=S%C3%A3o+Paulo HTTP/1.1" 200 286
Neighbourhood from Amazon --> Cerqueira CĂŠsar
Returns from Amazon --> {'id_address': u'52267', 'neighborhoodName': u'Cerqueira C\u0102\u0160sar', 'addressName': u'Rua Oscar Freire', 'id_neighborhood': u'19694'}

出力からわかるように、返されるオブジェクトは同じです (id_address は両方の結果で同じです)。このエントリの amazon オブジェクト (CloudSearch から抽出された RAW JSON) は次のとおりです。

{"rank":"-text_relevance","match-expr":"(label 'Oscar Freire')","hits":{"found":1,"start":0,"hit":[{"id":"52267","data":{"address":["Rua Oscar Freire"],"bairro":["Cerqueira César"],"fieldtype":["address"],"id_address":["52267"],"id_neighborhood":["19694"],"latitude":["-23.568315"],"longitude":["-46.66293"],"text_relevance":["310"]}}]},"info":{"rid":"e2467862eecf73","time-ms":3,"cpu-time-ms":0}}

私にとって、応答が私のpythonビューへの間違ったエンコーディングで来ているという事実は明らかです..しかし、私はこの問題がどこから始まるのかわかりません。JQuery オートコンプリートの動作不良か、Amazon のレスポンスに問題がある場合。何か案は？

よろしくお願いします

4

1 に答える 1