javascript - 在 Ajax URL 中转义正斜杠/for 变量

Question

我正在使用现有代码，通过 Ajax 发送到给定的 URL 来验证用户的提交:

var url = '/foo/bar/' + valuea + '/' + valueb + '/' + valuec; 

然后通过 ajax 发送:

 $.ajax({
    type : 'GET',
    url  : url,
    // data : data,
    success :  function(response)
    {...
    }
 });

问题出在用户输入包含正斜杠时，例如:

valuec = ABC/DEF

然后 url 定义为:

/far/bar/{valuea}/{valueb}/ABC/DEF

这会导致完全不同的 URL 结构和 404。

有没有一种方法可以转义此值以维护所需的 URL 结构？

我试过 replace(/\//, '\/'); 和 encodeURIComponent() 但都没有帮助。

我目前的想法是将用户提交的数据中的任何 '/' 重写为其他内容(例如 |)，这样我就可以将其解析为 URL，然后在返回时重新调整它，但这有点一个困惑的解决方法恕我直言。

提前致谢

Answer 1

encodeURIComponent 将起作用。 FIDDLE

valuea = 1;
valueb = 2;
valuec = "ABC/DEF";
var url = '/foo/bar/' + valuea + '/' + valueb + '/' + encodeURIComponent(valuec); 
document.write(url+'<br/>');