使用ajax发送数据和文本输入(纯Javascript)

时间:2016-04-26 13:51:29

标签: javascript php ajax

我有一个简单的表单,它接受用户输入,例如cv upload的名称和文件输入。

<input type="text" id="name" name="name">
<input type="file" id="cv" name="cv">

我可以通过ajax单独发布文本,也可以单独将文件发布到接收但不是同时发布,这正是我想要如何使用纯js执行此操作。请不要jquery

xmlhttp.open('POST','fileajax.php',true);
xmlhttp.setRequestHeader("Content-type", "application/x-www-form urlencoded");
    xmlhttp.send(encodeURI('name='+ sname.value));

以上仅适用于文字输入

file = scv.files[0];
formData = new FormData();
formData.append("file1",file);

    xmlhttp.open('POST','fileajax.php',true);
    xmlhttp.send(formData);

这适用于文件。如何在一个ajax请求中发送文本和文件。谢谢

2 个答案:

答案 0 :(得分:4)

即使是文本

,也可以使用append()
formData.append("name", sname.value);

答案 1 :(得分:1)

您可以通过url参数发送文本,例如

xmlhttp.open('POST','fileajax.php?text=abc',true);