Django character wrong encoding for Ajax request

Question

I have a form which is generated from a database. In the database I have strings such as 'Española' which will become options in a drop down menu.

A the moment my html looks like:

<option value="Española">Española</option>

I am using these values for a dynamic part of the form from which I need to send AJAX requests.

I can see that, when using IE, the header is like so:

GET /collections/find_island?island_group=Espa�ola HTTP/1.1" 500 63206

when it should be:

GET /collections/find_island/?island_group=Espa%C3%B1ola HTTP/1.1" 200 164

As generated by other browsers.

Is there some way I can get this output in my template:

<option value="Espa%C3%B1ola">Española</option>

Any help much appreciated.

EDIT:

My form:

def form(forms.Form):
    ...
    island_group = forms.ModelChoiceField(
    required=False,
    label=ugettext_lazy('Island Group'), 
    initial=None,
    queryset=Localityonline.objects.values_list('islandgroup', flat=True).distinct('islandgroup').order_by('islandgroup'), 
    empty_label=ugettext_lazy("Not Specified"), 
    widget=forms.Select(attrs={"class":'searchfield', "onChange":'getIslandName()'})
)

the javascript:

function getIslandName(lang) {
var islandGroup = document.getElementById("id_island_group").value;

if (islandGroup == '') {
    // if Not Specified re-selected then set data to null and bypass updatePage()
    var data = null; 
    update_select($('select[name=island_name]'), data);
} 
else {
    var url = "../collections/find_island?island_group=" + islandGroup;
    request.open("GET", url, true);
    request.onreadystatechange = updatePage;
    request.send(null);
    }    
}

How do you get the value and use it in GET by javascript? – okm May 22 '12 at 16:38 — okm, May 22 '12 at 16:38
A queryset from the db. See Edit for what this looks like. – Darwin Tech May 22 '12 at 16:41 — Darwin Tech, May 22 '12 at 16:41
I mean the JS part. `getIslandName` – okm May 22 '12 at 16:43 — okm, May 22 '12 at 16:43
See my Edit to include the js. – Darwin Tech May 22 '12 at 16:47 — Darwin Tech, May 22 '12 at 16:47

score 1 · Accepted Answer · edited May 23 '17 at 10:34

You can call encodeURI in javascipt to give the encoded value that you are looking for. Perhaps mozilla and chrome do it automatically and IE doesn't???

encodeURI('Española')
// "Espa%C3%B1ola"

var url = "../collections/find_island?island_group=" + encodeURI(islandGroup);

or encode the whole url I don't know which one makes more sense...

Encode URL in JavaScript?

https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/encodeURIComponent

https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/encodeURI

Django character wrong encoding for Ajax request

1 Answers1