[JS] Lấy toàn bộ data name trong form bằng javascript

Để lấy toàn bộ data name trong form bằng javascript, bạn có thể sử dụng hàm getElementsByName của DOM để truy cập đến các control trong form và lấy giá trị của chúng rồi sử dụng for để push vào nhưng ở đây mình sẽ hướng dẫn các bạn lấy bằng hàm serializeArray()

function getValuesForm(formId) {
    var datastring = $("#" + formId).serializeArray();
    var data = datastring.reduce((accumulator, value, index) => {
        return {...accumulator, [value.name]: value.value};
      }, {});
    return data;
};

Khi bạn muốn lấy toàn bọ dữ liệu trong form bạn chỉ cần truyền ID của form vào là được.
VD: getValuesForm(‘form_a’);

Chúc bạn thành công !