Javascript 通过jquery/js输入字段ajax获取所有表单数据

与此同时，我在这个问题上陷入了困境。通常情况下，这很简单，但不知何故，它并不适合我正在尝试做的事情。我希望通过Jquery或JS从表单输入字段中获取所有数据，然后通过AJAX将它们发送到服务器端脚本PHP。即使使用append或dobyserialize，我也只从ID为file的输入字段中获取对象。我没有使用提交按钮来确认上传的图像-只选择文件并发送

我也试过了

formdata.append_token，document.getElementById“u token”.val

但是，每当我尝试将另一个元素附加到formdata时，整个脚本都停止工作

通过使用$'picUploadForm'。序列化；我没有从ID为file的输入元素获得任何结果

HTML:

.val是一个jQuery方法-它不是一个普通的JS方法，因此在普通元素上调用它时不起作用。document.getElementById将返回元素或null；$'“此处的选择器”将返回一个jQuery对象，您可以在该对象上使用jQuery函数

用vanilla JS试试这个：

formdata.append("_token", document.querySelector('#_token').value);

或者使用jQuery选择元素并使用jQuery方法：

formdata.append("_token", $('#_token').val());

---

.val是一个jQuery方法。来自文件选择元素的数据未序列化。是的，这确实很有帮助。谢谢我必须更加坚持香草JS和所有这些方法。有时候有点困惑。

formdata.append("_token", document.querySelector('#_token').value);

formdata.append("_token", $('#_token').val());