我有發送表單資料的表單
fields[]當沒有選擇任何選項時，會出現空白。
有什么方法可以fields[]通過我的 Javascript 中的formData排除空發送？
發送標頭輸出
fields[name]: name
fields[phone]: phone
fields[]:
fields[]:
$('body').on('submit', '#submit', function(e) {
e.preventDefault();
var formData = new FormData(this);
// logs what's the actual properties sent
for (var prop of formData) console.log(prop);
$.ajax({
url: $(this).attr('action'),
data: formData,
type: 'POST',
contentType: false,
cache: false,
processData: false,
}).done(function(data) {
//success
}).fail(function() {
//eror
});
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<form id="submit">
<select name="fields[name]">
<option value=""></option>
<option value="name">Name</option>
<option value="phone">Phone</option>
</select>
<select name="fields[phone]">
<option value=""></option>
<option value="name">Name</option>
<option value="phone">Phone</option>
</select>
<select name="fields[email]">
<option value="name">Name</option>
<option value="phone">Phone</option>
</select>
<input type="submit"/>
</form>uj5u.com熱心網友回復：
我們猜測您想清除所有具有空值的表單屬性。這是一種方法，它可能更優化，但這更容易理解。
$('body').on('submit', '#submit', function(e) {
e.preventDefault();
var formData = new FormData(this);
var formDataNonEmpty = new FormData();
// add all non empy entries to formDataNonEmpty
for (var prop of formData) if (prop[1]) formDataNonEmpty.append(prop[0], prop[1]);
// logs what's the actual properties sent
for (var prop of formDataNonEmpty) console.log(prop);
$.ajax({
url: $(this).attr('action'),
data: formDataNonEmpty,
type: 'POST',
contentType: false,
cache: false,
processData: false,
}).done(function(data) {
//success
}).fail(function() {
//eror
});
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<form id="submit">
<select name="fields[name]">
<option value=""></option>
<option value="name">Name</option>
<option value="phone">Phone</option>
</select>
<select name="fields[phone]">
<option value=""></option>
<option value="name">Name</option>
<option value="phone">Phone</option>
</select>
<select name="fields[email]">
<option value="name">Name</option>
<option value="phone">Phone</option>
</select>
<input type="submit"/>
</form>轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/338073.html
標籤：javascript 查询 阿贾克斯 表单数据