javascript하에서 ajax 기반으로 form data를 submit할 때 데이터를 어떻게 전송하나요? 예를 들어 답변하기나 로그인 기능을 ajax로 구현하는 경우입니다.

일반적으로 두 가지 방법으로 구현할 수 있는데요. html form submit과 같이 queryString(key1=value1&key2=value2)로 전송하는 방법과 json으로 데이터를 전송할 수 있는 방법으로 구분할 수 있을 것 같네요.

최근에 Web API 설계들을 보면 json으로 데이터를 전송하는 경우가 많아 json으로 데이터를 주고 받는 것을 추천하는 것 같은데요. 현업에서는 어떻게 구현하는지 궁금하네요. 오늘 학생들에게 ajax 수업을 다루다가 갑자기 궁금해져서 질문 남겨 봅니다.

만약 json으로 데이터를 전달하는 경우 form data를 어떻게 json으로 변경하나요?

jQuery의 경우는 Convert form data to JavaScript object with jQuery 문서와 같이 function을 추가한 후에 구현하도록 가이드하고 있네요.

$.fn.serializeObject = function()
{
    var o = {};
    var a = this.serializeArray();
    $.each(a, function() {
        if (o[this.name] !== undefined) {
            if (!o[this.name].push) {
                o[this.name] = [o[this.name]];
            }
            o[this.name].push(this.value || '');
        } else {
            o[this.name] = this.value || '';
        }
    });
    return o;
};