AJAX 예제 - AJAX로 데이터&파일 넘길 때.

AJAX로 데이터 넘기는 방법

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28

function ajaxExample(){     // 사용자 ID를 갖고 온다.     var userId = $("#userId").val();       // name이 같은 체크박스의 값들을 배열에 담는다.     var checkboxValues = [];     $("input[name='hobby']:checked").each(function(i) {         checkboxValues.push($(this).val());     });           // 사용자 ID(문자열)와 체크박스 값들(배열)을 name/value 형태로 담는다.     var allData = { "userId": userId, "checkArray": checkboxValues };           $.ajax({         url:"goUrl.do",         type:'GET',     // POST 혹은 GET         data: allData,         success:function(data){             alert("완료!");         },         error:function(jqXHR, textStatus, errorThrown){             alert("에러 발생~~ \n" + textStatus + " : " + errorThrown);         }     }); }

출처: http://zero-gravity.tistory.com/241

---

AJAX로 파일을 서버로 전송할 때, processData와 contentType을 false로 설정해야 한다




$.ajax({

        url:"goUrl.do",

        processData:false,

        contentType:false,

        type:'POST',    

        data: fileData,

        success:function(data){

            alert("완료!");

        },

        error:function(jqXHR, textStatus, errorThrown){

            alert("에러 발생~~ \n" + textStatus + " : " + errorThrown);

        }

    });

이쪽으로 가면 훨씬 자세한 설명이.. http://hellogk.tistory.com/28