javascript - 将多个变量从 JS 发送到 PHP

Question

我正在尝试将两个 JavaScript 变量传递给 PHP。当只有一个时，它就可以工作，但我不知道如何一次发送两个。这是我的代码

    function save(nr) {
     var xr = new XMLHttpRequest();
     var url = 'saveColor.php';
     var text = document.getElementById('color'+nr).value;
     var vars1 = "newText="+text;
     var vars2 = "variable="+nr;

     xr.open("POST", url, true);
     xr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
     xr.send(vars1);
}

所以发送“vars1”变量工作正常，但是我应该在哪里或如何放置“vars2”来立即发送它们？类似的东西

xr.send(vars1, vars2);

不起作用。

Answer 1

这会很好地工作:

var data = new FormData();
data.append('var1', 'var1value');
data.append('var2', 'var2value');

然后像之前尝试过的那样使用它

xr.send(data);