如何通过Javascript formData API发送变量

我试图让AJAX文件（图片）上传工作正常，但通过formData API发送变量时遇到一些问题：

这是formData代码：

var data = new FormData();
data.append('SelectedFile', _file.files[0]);
data.append('name', event_title);

正如您在第3行看到的，我试图同时向服务器发送一个变量。事件标题定义为

var event_title = document.getElementById("new_event_title").value;

这是在formData代码之前调用的

例如，我可以将普通文本发送到服务器

date.append("name", "enter-name");

但是，当我将其更改为变量时，它将停止工作

---

我已经检查了MDN和HTML5rocks，但没有结果，因此如果有人能帮助我，我将不胜感激。

此代码演示了如何同时发送文件和可变字符串参数：

document.getElementById（“submitBtn”）.onclick=function（）{
var event_title=document.getElementById（“new_event_title”）.value；
var file=document.getElementById（“文件”）.files[0]；
var data=new FormData（）；
data.append（'SelectedFile'，file）；
数据。追加（'名称'，事件名称）；
var xhr=new XMLHttpRequest（）；
xhr.open（'POST'，'http://example.com/",对),；
发送（数据）；
};



您是否已检查浏览器控制台是否存在错误？如果静态文本可以正常工作，而变量不能正常工作，那么几乎可以肯定变量有问题。感谢Drahcir，我检查了控制台，发现的唯一错误是：加载资源失败：net:：ERR_CACHE_miss我不知道，一定是页面上的其他内容导致了问题。也许您可以在JSFIDLE上发布代码的精简版本