我有一个表单用于将JSON键值对中的表单数据POST到URL。与以下格式相同:
[{'name':'URL','value':'http://127.0.0.1:8000/test/addcustomer'},{'name':'FirstName','value':'abc'},{'name':'LastName','value': 'xyz'},{'name':'DOB','value':'123457'},{'name':'EmailAddress','value':'[email protected]'},{'name': 'Address1','value':'123 Street'},{'name':'Address2','value':'11123'},{'name':'City','value':'Xyz'}, {'name':'State','value':'Pqr'},{'name':'PostalCode','value':'12345'}]
而不是这个我想要的东西如下:
[{'URL':'http://127.0.0.1:8000/test/addcustomer','FirstName':'Abc','LastName':'Xyz','DOB':'123457','EmailAddress':'[email protected]','Address1': '123 Street','Address2':'11123','City':'Xyz','State':'Pqr','PostalCode':'12345'}]
请参考以下代码:
$(document).ready(function(){
$("#submit").on('click', function(){
var a=document.forms["myForm"]["EmailAddress"].value;
var b=document.forms["myForm"]["URL"].value;
if (a==null || a=="" || b==null || b=="")
{
$("#EmailAddress").css("border-color", "#963634");
$("#URL").css("border-color", "#963634");
alert("Please fill Email Address and URL!!!");
return false;
}
else
$.ajax({
url: b,
type : "POST",
data : JSON.stringify($("#myForm").serializeArray()),
success : function(result) {
alert(result);
$("#myForm")[0].reset();
},
error: function() {
alert('Please enter valid URL');
}
})
});
});
我会尝试类似的东西:
else
{
let formData = $("#myForm").serializeArray();
let data = formData.reduce((acc, x) => acc[x.name] = x.value, {});
$.ajax({
url: b,
type : "POST",
data : JSON.stringify(data),
success : function(result) {
alert(result);
$("#myForm")[0].reset();
},
error: function() {
alert('Please enter valid URL');
}
})
}
减少线大致相当于:
// formData is in the form [ {'name': 'A', 'value': B}, {'name': 'X', 'value': Y},... ]
let data = {};
for (let item of formData)
data[item.name] = item.value;
// data is now in the form { 'A': B, 'X': Y, ... }