向现有URL末尾添加查询字符串参数

向现有URL末尾添加查询字符串参数

　　

xhr.open("get", "example.php?name1=value1&name2=value2", true);

 

function addURLParam(url, name, value) {
　　// 判断是否含有？，没有就添加？，否则添加&
    url += (url.indexOf("?") == -1 ? "?" : "&");
    url += encodeURIComponent(name) + "=" +encodeURIComponent(value);
    return url ;
}

 这个 addURLParam()函数接受三个参数：要添加参数的 URL、参数的名称和参数的值。这个函数
首先检查 URL 是否包含问号（以确定是否已经有参数存在）。如果没有，就添加一个问号；否则，就添
加一个和号。然后，将参数名称和值进行编码，再添加到 URL 的末尾。最后返回添加参数之后的 URL

下面是使用这个函数来构建请求 URL 的示例。

var url = "example.php";
//添加参数
url = addURLParam(url, "name", "Nicholas");
url = addURLParam(url, "book", "Professional JavaScript");
//初始化请求
xhr.open("get", url, false);

在这里使用 addURLParam()函数可以确保查询字符串的格式良好，并可靠地用于 XHR 对象