如何解决在附加到url之前需要转义空格
| 这是我需要的字符串的参数部分:?parentId=PRICE&childId=%20LIST
这是原样的参数部分(请注意缺少的%20):
?parentId=PRICE&childId=LIST
这是从两个选择框(#parentCodes和#childCodes)收集数据的函数:
function ajaxCodeDetails(){
$.getJSON(
\"manage-inventory-codes_codeDetails\",{\'parentId\': $(\"#parentCodes\").val(),\'childId\': $(\"#childCodes\").val()},renderDetails
);
}
在发送请求之前,如何转义val()返回的结果?
解决方法
jQuery并不是问题,而是表单。在选项的文本中似乎忽略了前导空格和尾随空格(显然,这是浏览器的正常行为,请参见下文):
<select name=\"foo\">
<option> space</option>
<option>space </option>
</select
演示
但是如果将它们设置为value
s,它就可以工作:
<select name=\"foo\">
<option value=\" space\"> space</option>
<option value=\"space \">space </option>
</select>
演示
HTML规范有一章有趣的章节,关于文本,尤其是空白。有说:
为了避免SGML换行规则的问题和现有实现之间的不一致,作者不应该依赖用户代理在开始标记之后或结束标记之前立即呈现空白。因此,作者,尤其是创作工具,应写出:
<P>We offer free <A>technical support</A> for subscribers.</P>
并不是:
<P>We offer free<A> technical support </A>for subscribers.</P>
因此,似乎大多数浏览器都遵守此规则,并忽略了这些空格。
, 您可以使用内置的encodeURI()
功能...
{\'parentId\': encodeUri($\"#parentCodes\").val(),
, HTML会忽略<option>
标记内的前导空格和尾随空格。用ѭ11替换前导和尾随空格,以便浏览器正确地将其解释为空格。您将要在服务器上执行此操作。根据语言,可能有一种方法可以为您完成此转换。
, 尝试这个:
function ajaxCodeDetails(){
$.getJSON(
\"manage-inventory-codes_codeDetails\",{
\'parentId\': $(\"#parentCodes\").val().replace(/^\\s+/g,\"\"),\'childId\': $(\"#childCodes\").val().replace(/^\\s+/g,\"\")
},renderDetails
);
}
, 您不需要对任何内容进行URL编码。 jQuery将照顾这一点。 “ 13”表示url编码的空格。因此,只需在您的文本框中放置一个空格即可正确处理。您的代码非常好。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。