javascript-如何在ajax中发送其他表单数据

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-如何在ajax中发送其他表单数据，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2255字，纯文字阅读大概需要4分钟。

内容图文

还有另一种发送可以与正在使用的脚本一起使用的表单数据的方法,我尝试附加表单数据,但是我不知道如何在发布数据中获取配对的值,因此我在其中添加了数据URL,问题在于进度栏和数据,然后停止在我的页面上工作.

<script>
function _(el){
    return document.getElementById(el);
}
function uploadFile(){
    var file = _("video").files[0];
    var vidName = $("#vidName").val();
    var videoDescription = $("#videoDescription").val();
    var albumName1 = $("#choosevidCat").val();
    var vidFile =$("#video").val();
    var otherData = $('vidUpload').serializeArray()
//       alert(file.name+" | "+file.size+" | "+file.type);
    var formdata = new FormData();
    formdata.append("video", file);
//  formdata.append("video", vidName);
    var ajax = new XMLHttpRequest();
    ajax.upload.addEventListener("progress", progressHandler, false);
    ajax.addEventListener("load", completeHandler, false);
    ajax.addEventListener("error", errorHandler, false);
    ajax.addEventListener("abort", abortHandler, false);
    ajax.open("POST", "includes/vid_upload.inc.php?vidName=" +vidName+"&videoDescription=" +videoDescription+"&albumName1=" 
    +albumName1, false);
    ajax.send(formdata);
}
function progressHandler(event){
    _("loaded_n_total").innerHTML = "Uploaded "+event.loaded+" bytes of "+event.total;
    var percent = (event.loaded / event.total) * 100;
    _("progressBar").value = Math.round(percent);
    _("status").innerHTML = Math.round(percent)+"% uploaded... please wait";
}
function completeHandler(event){
    _("status").innerHTML = event.target.responseText;
    _("progressBar").value = 0;
}
function errorHandler(event){
    _("status").innerHTML = "Upload Failed";
}
function abortHandler(event){
    _("status").innerHTML = "Upload Aborted";
}
</script>

我尝试添加

formdata.append("video", vidName);

如您所见,尽管webconsole显示了它发送的vidName变量,但它没有这样的识别标记,如webconsole所示,我已经在脚本中对此进行了注释：Content-Disposition：form-data; name =“视频”

测试ogg创建2

有人可以帮忙吗

解决方法:

ajax.send("video=" + vidName + "&other=" + other_value);

如果要发送许多值
您可以使用关键字“&”分开名称和价值对等

喜欢
video = vidName,
其他= othervalue1,
other2 = otherevalue2

发送到职位要求

"video=vidname&other=othervalue1&other2=othervalue2"

在PHP中,您可以获得这些发布数据

$_POST['video'];
$_POST['other'];
$_POST['other2'];

这是一个链接
Sending POST data with a XMLHttpRequest

内容总结

以上是互联网集市为您收集整理的javascript-如何在ajax中发送其他表单数据全部内容，希望文章能够帮你解决javascript-如何在ajax中发送其他表单数据所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端