jQuery 自动完成特殊字符

ron*_*ine 5 javascript php ajax jquery json

我有一个 ajax 调用,它获取由 php json_encode 方法创建的值的 JSON 表示:

["Montérégie","Montréal - North Shore ","Montréal - South Shore"]
Run Code Online (Sandbox Code Playgroud)

这些值是通过 jquery 自动完成框从“控制器/ajax_autocomplete”中获取的。

  $(function(){   $("#regions").autocomplete({               
            source: "controller/ajax_autocomplete",
            contentType: "application/json; charset=utf-8"
}                                                          
            });            
    }); 
Run Code Online (Sandbox Code Playgroud)

所有值都被 jQuery UI 的 ui-autocomplete 正确拾取,但特殊字符丢失了。 Montréal become Montréal, Montérégie become Montérégie...

特殊字符肯定会在 http 传输过程中被破坏,因为如果我手动将 JSON 表复制到 jquery 函数,问题就会消失。

    $(function(){   $("#regions").autocomplete({               
            contentType: "application/json; charset=utf-8",
            source: "["Montérégie","Montréal - North Shore ","Montréal - South Shore"]"
}                                                          
            });            
    }); 
Run Code Online (Sandbox Code Playgroud)

以编程方式解码 html 实体适用于文本框值,但建议列表仍用 HTML 实体替换特殊字符

$(function(){   $("#regions").autocomplete({              
        source: "controller/ajax_autocomplete",
        select: function( event, ui ) {
                event.preventDefault();
                this.value = $('<div />').html(ui.item.value).text();
        }                                                                                                                                                                                            
        });            
});   
Run Code Online (Sandbox Code Playgroud)

解决方案是解码建议列表中的 HTML 实体

ron*_*ine 0

我通过将 ajax 输出包装到 php 'html_entity_decode' 方法中解决了服务器端的问题。