JavaScript utf8编码？

Question

I have the following ajax call. It can send the request and get the response as expected. But I can't seem to get it correctly displayed in li items.

$.ajax({
    url:  "{% url 'users:profile_page_tags_get' 'primary' %}",
    type: 'GET',
    dataType: "json",
    success: function(data) {
        for ( var an_option in data.pd_options ){
            $("#selectable").append( "<li class='ui-widget-content-item ui-selectee'>"+an_option[0]+"</li>" );
        }
    }
})

It does get displayed when

$(".try1").html(data.pd_options[2][1]);

The response is a JSON array. The characters are encoded in utf8 I believe.

{"pd_options": [[2, "\u5316\u5b66\u5de5\u7a0b"], [1, "\u5316\u5de5"], [3, "\u571f\u6728\u5de5\u7a0b"]]}

Answer 1

You misunderstood for...in loop. In your case, an_option is not element of array, but an index, so you should try data.pd_options[an_option] to get this element.

Your code should be:

$.ajax({
    url:  "{% url 'users:profile_page_tags_get' 'primary' %}",
    type: 'GET',
    dataType: "json",
    success: function(data) {
        for ( var an_option in data.pd_options ){
            $("#selectable").append( "<li class='ui-widget-content-item ui-selectee'>"+data.pd_options[an_option][1]+"</li>" );
        }
    }
});