Перебор объекта JSON для добавления значений в FormData в jquery

Question

У меня есть объект JSON в jquery, подобный этому: -

userObj =
{ 
 "loginId":"abc123", 
 "class":"5", 
 "email":"akhil.gts1997@gmail.com", 
 "level":"1"
}

Я должен отправить запрос POST на сервер с multipart / form-data.Я создал объект FormData: -

var fd = new FormData(); 

Что мне нужно сделать, это перебрать каждый элемент в JSON и добавить их в мою переменную fd.Вот что я хочу: -

fd.append('loginId','abc123');
fd.append('class',5);
fd.append('email','akhil.gts1997@gmail.com');

Есть идеи, как этого добиться?

Answer 1

var userObj =
{ 
 "loginId":"abc123", 
 "class":"5", 
 "email":"akhil.gts1997@gmail.com", 
 "level":"1"
}
var fd = new FormData(); 
$.each(userObj, function(i, val) {
  console.log(i + " " + val);
  fd.append(i, val);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>

Try something like this.

Answer 2

var userObj = {
    "loginId": "abc123",
    "class": "5",
    "email": "akhil.gts1997@gmail.com",
    "level": "1"
};
var keys = Object.keys(userObj);
var values = Object.values(userObj);
var fd = new FormData();
for (var i = 0; i < keys.length; i++) {
    fd.append(keys[i], values[i]);
}

Answer 3

Вы можете сделать это так:

let userObj = { 
 "loginId":"abc123", 
 "class":"5", 
 "email":"akhil.gts1997@gmail.com", 
 "level":"1"
};

let fd = new FormData();

for (let key in userObj){
    fd.append(key, userObj[key])
}

Answer 4

let userObj = { 
 "loginId":"abc123", 
 "class":"5", 
 "email":"akhil.gts1997@gmail.com", 
 "level":"1"
};

var newdata= new FormData();

 $.each(userObj, function (key, value) {
    newdata.append(key, userObj[key]);
    console.log(key, userObj[key])
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Answer 5

Вы можете повторить объект, используя for

for (var key in userObj) {
  fd.append(key, userObj[key]);
}

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...in