如何在jQuery的AJAX请求URL中添加变量？

嘿，我来帮你搞定这个问题！你现在的URL写法不对，因为在字符串里直接写(+username+)是没法把变量值插进去的，JavaScript不会识别这种语法。下面给你几种靠谱的解决办法：

直接用+把变量和字符串部分连接起来，不过要记得对变量值做URL编码，避免特殊字符导致的参数结构破坏：

var username = "test";
var password = "1234";

$.ajax({
  url: "http://myurl.com/index.php?username=" + encodeURIComponent(username) + "&password=" + encodeURIComponent(password),
  // 其他AJAX配置项（比如success、error回调等）...
});

小提示：encodeURIComponent能把特殊字符（比如&、=、空格）转成URL安全的格式，避免参数传递出错。

如果你的项目支持ES6+语法，用模板字符串会更直观，变量用${}包裹即可，同样记得编码：

var username = "test";
var password = "1234";

$.ajax({
  url: `http://myurl.com/index.php?username=${encodeURIComponent(username)}&password=${encodeURIComponent(password)}`,
  // 其他AJAX配置项...
});

其实jQuery的$.ajax自带了data参数，专门用来传递请求参数，它会自动帮你拼接URL、处理编码，代码更干净易读：

var username = "test";
var password = "1234";

$.ajax({
  url: "http://myurl.com/index.php",
  data: {
    username: username,
    password: password
  },
  // 默认请求类型是GET，会自动把data拼接到URL后；如果是POST，会把参数放在请求体里
  // 其他AJAX配置项...
});

这种方式不仅能减少手动拼URL的错误，参数多的时候也更容易维护。

内容的提问来源于stack exchange，提问作者cinassa