现如今越来越多的网站开始使用 ajax 和 fetch api 来进行数据的交互，其中 form data 也被广泛使用。但是，为了使得代码更加兼容，我们需要对浏览器的支持进行判断。本文将讨论如何使用 jquery 判断 formdata 是否支持。
一、什么是FormData
FormData 是一个 JavaScript 对象，用于以键/值对的方式来处理和向服务器发送数据。通过 FormData，可以在发送表单数据的同时，还可以包含文件等二进制数据，并且通过 Ajax 的方式进行提交。
二、如何检查 FormData 是否被支持
为了使用 FormData，你需要先确定当前浏览器是否支持它。可以通过如下代码进行判断：
var fd = new FormData();
if(typeof fd.append === 'function') {
console.log('FormData is supported.');
} else {
console.log('FormData is NOT supported.');
}这里我们创建了一个新的 FormData 对象，并使用 typeof 操作符判断其 append 属性的类型是否为 function。如果为 function，则说明 FormData 可以被支持，否则不支持。
但是，有些浏览器中也定义了 FormData，但是却不支持 append 方法。
对于这种情况，我们应当进行如下的判断：
if (typeof FormData === 'undefined') {
console.log('FormData is NOT supported.');
} else if (/AppleWebKit\/([\d.]+)/.test(navigator.userAgent)){
var version = parseFloat(RegExp.$1);
if (version < 602){
console.log('FormData is NOT supported.');
} else {
console.log('FormData is supported.');
}
} else {
console.log('FormData is supported.');
}可以看到，我们首先判断当 FormData 未被定义时，则说明不支持；接着，再逐层进行判断，如果是 WebKit 浏览器且其版本小于 602，则说明不支持；否则，说明支持。
三、总结
本文通过引入 FormData 的概念，解释了 FormData 的作用以及如何使用 jQuery 检查 FormData 是否被支持。其中，针对有些浏览器中也定义了 FormData 但是却不支持 append 方法的情况，也进行了详细的讨论。希望本文能够对大家有所帮助。
