encodeURIComponent() 函数解决url传递过程中加号变空格的问题

定义和用法

encodeURIComponent() 函数可把字符串作为 URI 组件进行编码。

语法

encodeURIComponent(URIstring)

返回值
URIstring 的副本，其中的某些字符将被十六进制的转义序列进行替换。

说明
该方法不会对 ASCII 字母和数字进行编码，也不会对这些 ASCII 标点符号进行编码： - _ . ! ~ * ’ ( ) 。

其他字符（比如 ：;/??&=+$,# 这些用于分隔 URI 组件的标点符号），都是由一个或多个十六进制的转义序列替换的。

事例一：
在接收url参数的过程中，会发现如果参数中存在‘+’号，接收后会变成空格。 如11+22接收后变成11 22。
要解决这个问题，需要将加号替换为%2B进行传递。 如11%2B22接收后变成11+22。

事例二：
当我们在url中传递的参数带有加号+，会被浏览器转换成空格，这样会导致后台获取到无效的参数，这时我们可以使用encodeURIComponent方法先转码

function exportClick() {
        if (handleWarehouseIds()) {
            var keyWords = $("#keyWords").val();
            var giftCostName = $('#giftCostName').combobox('getValue');
            var warehouse = $('#warehouse').combobox('getValue');
            var isAll = $("#isAll").val();
            var orgId = $("#orgId").val();
            window.location.href = "${pageContext.request.contextPath}/material/base/materialInventory/sampleExport.do?keyWords="
                +  encodeURIComponent(keyWords) + "&giftCostName=" + giftCostName + "&isAll=" + isAll + "&materialWarehouseIDS=" + warehouse + "&orgId=" + orgId;
       }
    }