Ajax nie działa w IE, jeśli URL zawiera arabski znak

Question

Na mojej stronie Bloggera ładuję posty z kanału JSON, link JSON wygląda tak.

http://technopress-demo.blogspot.com/feeds/posts/default/-/LABEL NAME?alt=json-in-script&max-results=5 

To jest kod, którego używam, aby otrzymywać posty z powyższego adresu URL.

$.ajax({url:""+window.location.protocol+"//"+window.location.host 
    +"/feeds/posts/default/-/"+LABEL NAME 
    +"?alt=json-in-script&max-results=5", 
    type:'get',dataType:"jsonp",success:function(data){} 

Problem polega na tym, że gdy zmieniam nazwę "LABEL NAME" na arabską etykietę, posty nie ładowały się. Testowałem to z angielską etykietą i działa dobrze, ale mam problem z arabskimi. Próbowałem to odkodować URL, ale nie działa.

$.ajax({url:""+window.location.protocol+"//"+window.location.host 
    +"/feeds/posts/default/-/"+encodeURIComponent(LABEL NAME) 
    +"?alt=json-in-script&max-results=5", 
    type:'get',dataType:"jsonp",success:function(data){} 

To jest live demo problemu.

Answer 1

W swojej żywo demo, usuwając

.shortext { 
    text-indent: -9999px; 
} 

Z CSS sprawia, że ​​wyglądają dobrze w IE dla mnie. Element div o id = "recent" i class = "recent shortext" wydaje się mieć różne oznaczenia w FF.

Answer 2

IE ma problemy z nieprawidłowo zakodowanymi adresami URL, ma również problemy z prostym <a href zawierającym znaki nie kodowane.

LABEL%20NAME zamiast LABEL NAME powinien działać.

Z JSONP, jQuery generuje <script src="http://technopress-demo.blogspot.com/feeds/posts/default/-/LABEL NAME?alt=json-in-script&max-results=5">, który ma niekodowany znak w nim.

Zamiast encodeURIComponent(LABEL NAME), stosowanie cudzysłowu:

encodeURIComponent("LABEL NAME") 

Ważne: Save Your plikiUTF-8 zakodowane.

(pic z blog.flow.info)

Przykład która działa w IE (skopiowany z Firefox + Firebug):