向现有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 对象