Criei um servlet q retorna um JSON simples. Eu consegui consumir o mesmo tranquilamente, porém ao colocar o conteúdo em uma div
ficou da seguinte forma:
0: �gua
1: a�ucar
2: sal
3: canela
4: �leo
Ao olhar o retorno da servlet pela aba network do Chrome vi que o JSON veio com o encoding correto, segue o retorno:
[{Item: "água"}, {Item: "açucar"}, {Item: "sal"}, {Item: "canela"}, {Item: "óleo"}]
Percebi q o problema é apenas no ajax, então como resolvo este problema?
Tentei varias soluções e nada que achei na net resolveu, coloquei meta tag (na verdade alterei, porque já tinha), coloquei contentType
e encoding
no ajax e nada.
Segue meu código (já tentei com UTF-8, ISO e por último o Windows):
$.ajax({
url: '',
data: 'POST',
dataType: 'json',
encoding:"Windows-1252",
contentType: "text/plain; charset=Windows-1252"
}).done(function(retorno){
alert(retorno);
var k = 0;
$.each(retorno, function(i, item){
criarElemento("<p>", {html: i+": "+item.Item, id: 'item_'+k}, "teste");
k++;
});
});
Network
e grava o ajax. Vê o content-type do request se está igual você está passando. 2. vai no seu editor, com a página servet aberta e vai no "salvar como" e escolhe UTF-8. Só o encoding do meta-description as vezes não vai. Se tiver arquivos JS também salva eles como UTF. Faria também o teste sem esses encodings 1252 no.ajax
do JSON. É sempre mais fácil estar tudo UTF.