Theeahead.js Utilisation de l'utilisateur à UTF-8

Question

J'ai le même problème que celui qui a répondu ici: Translittération dans Theahead.js

Mais je ne peux pas utiliser la solution de contournement dans la réponse car la liste de suggestions est dynamique! Y a-t-il un moyen de laisser l'utilisateur utiliser le caractère non-ASCII (É, à, è, ë, etc.) dans leur requête?

Answer 1

C'est la solution a trouvée:

html

$('.typeahead').typeahead(
        {
            minLength: 3,
        },
        {
            name: 'place',
            displayKey: 'city',
            source: function (query, process) {
                return $.get("{% url 'profil:search_place_request' search_term='user-query' %}".replace('user-query', query), { query: query }, function (data) { 
                    objects = [];
                    $.each(data, function(i, object) {
                        objects.push({
                            city : object.city,
                            zipcode : object.zipcode,
                            id : object.id,
                        });
                    });
                    return process(objects);
                });
            }
        }
    );

vue

@login_required
def search_place_request(request, search_term):
    search_term = search_term.encode("utf-8")
    response, response_dict = selfcare.libs.core.utils.MyAPIRequests.get("place/?term={}".format(search_term))
    if response.ok :
        log.info('[profil] request GET places. Search term : {},  USER : {}'.format(search_term, request.user.username))
        return HttpResponse(json.dumps(response_dict['results']), content_type="application/json") 
    else :
        log.warning('[profil] request DELETE customer address failed. Status code : {}, USER: {}'.format(response.status_code, request.user.username))
        return HttpResponse("", content_type="application/json") 
    return HttpResponse("", content_type="application/json")

J'encore explicitement dans UTF8 à mon avis et cela a fait le tour!