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 实体