angular - 使用 angular 2 中的 application/x-www-form-urlencoded Post 方法传递特殊字符

Question

let urlSearchParams = new URLSearchParams();
    urlSearchParams.append("UserName",UserName);
    urlSearchParams.append("Password",Password);
    let body = urlSearchParams.toString()

    var header = new Headers();
    header.append("Content-Type", "application/x-www-form-urlencoded");
    header.append("Accept", "application/json");
    let option = new RequestOptions({ headers: header });
    return this.http.post(this.baseUrl, body, option)
        .map(res => res.json());

以上是我用来将参数传递给api的方法。

问题是当我传递字符串 test@123 时，API 中只有 test@1 可用。
但是当我通过 123456789 可用的完整字符串时。

我希望得到一些帮助。

Answer 1

使用 encodeURIComponent 转义可能不与 URI 参数一起使用的特殊字符或保留字符。

let urlSearchParams = new URLSearchParams();
    urlSearchParams.append("UserName",encodeURIComponent(UserName));//here
    urlSearchParams.append("Password",encodeURIComponent(Password));//and here
    let body = urlSearchParams.toString()

    var header = new Headers();
    header.append("Content-Type", "application/x-www-form-urlencoded");
    header.append("Accept", "application/json");
    let option = new RequestOptions({ headers: header });
    return this.http.post(this.baseUrl, body, option)
        .map(res => res.json());