如何在 jquery 代码中解析带有“&”号的 URL

How do I parse Url with `&` sign in jquery code?

本文关键字:amp URL 号的 jquery 代码      更新时间:2023-09-26

我在common.js文件中有以下代码。

逻辑是如果数据不匹配HighlightTextBox,如果数据匹配,则RemoveHighlightTextBox

url  = /Services/GetAutoCompleteData?v=
name = My & Son
actualUrl = /Service/GetData?v=My & Son&eq=true
//debuge following js code and found above values
//here problem is because of `&` sign url gets disturb as `actualUrl is /Service/GetData?v=My & Son&eq=true`
//so after `&` sign url gets ignore by js (i.e Son&eq=true code)
//i have passes values `My & Son` but actually js parsing it as `My` so how do I parse my original URL with `&` sign ?
var div = $(this).closest("div");
var elem = div.find(":text");
elem.change();
var name = elem.val();
var actualUrl = url + name + "&eq=true"
var filter = $(this).attr("filter");
if (name == "") {
    div.find(":hidden").val('');
    return;
}
AjaxPostCall(actualUrl, filter, function (data) {
    if (data == null || data.length != 1) {
        HighlightTextBox(elem);
        div.find(":hidden").val('');
        return;
    }
    RemoveHighlightTextBox(elem)
    div.find(":hidden").val(data[0].Key);
    elem.val(data[0].Value);
});
function AjaxPostCall(actualUrl, extraParam, onSuccess) {
    $.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8",
        url: actualUrl, 
        data: extraParam,
        dataType: "json",
        success: function (data) { if (onSuccess != null) onSuccess(data); },
        error: function (result) { }
    });
}

试试这个

  var actualUrl = encodeURIComponent(url + name + "&eq=true");

encodeURIComponent 此函数对URI组件进行编码。

此函数对特殊字符进行编码。此外,它还对 以下字符: ,/?: @ & = + $ #

在附加到参数字符串之前,您需要使用方法encodeURIComponent((使用方法&转义参数值。

前任

encodeURIComponent('name = My & Son')