在附加到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编码的空格。因此，只需在您的文本框中放置一个空格即可正确处理。您的代码非常好。