在前端开发中，我们经常需要在 AJAX 请求中同时发送表单数据和字符串数据。这时候，使用 JQuery 的 AJAX 方法可以方便地完成这个任务。
FormData 是什么？
FormData 是一个 JavaScript 对象，用于创建表单数据（包括文件数据）。当需要上传文件时，使用 FormData 可以方便地将文件数据添加到表单数据中。
发送 FormData 和 String 数据
JQuery 的 AJAX 方法中，data 参数既可以是字符串也可以是对象。要发送 FormData 数据，只需要将其作为对象传递给 data 参数即可。
-- -------------------- ---- -------
--- -------- - --- -----------
----------------------- ------
--------
---- -------------
----- -------
----- ---------
------------ ------
------------ ------
-------- -------------- -
------------------
-
---如果要同时发送字符串数据，我们可以将它们合并到一个对象中，然后将该对象传递给 data 参数。
-- -------------------- ---- -------
--- -------- - --- -----------
----------------------- ------
--- ---------- - -
----- ----- -----
------ ---------------------
--
------------------ ------------
--------
---- -------------
----- -------
----- ---------
------------ ------
------------ ------
-------- -------------- -
------------------
-
---注意，在发送 FormData 数据时，需要将 processData 和 contentType 都设置为 false，以防止 JQuery 处理 FormData 数据的过程中出现错误。
总结
在 JQuery AJAX 请求中，我们可以很方便地同时发送 FormData 和 String 数据。使用 FormData 可以方便地上传文件数据，而通过将数据合并到一个对象中，我们可以同时发送字符串数据。记得在发送 FormData 数据时将 processData 和 contentType 都设置为 false。
希望本文能够对你有所帮助，谢谢阅读！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/27150