[jquery] - ajaxSubmit() 사용하기

몇년만에 웹을 만지는 느낌은.. 너 누구니??

우선 서비스 서버 작업 후 API 테스트 페이지가 필요하더라.. 콘솔에서 테스트를 하면 편하고 좋기는 하지만.. 가끔 외부에서 모바일 기기로 테스트 하려니.. 좀 난감한 경우가 생기더라.. 어쩔수 없이 웹으로 작업하던중.. 예전에 들었던 jquery라는 넘을 사용하고 싶다라는 욕구 때문에 .. 쩌ㅃ~

우선 결론은 사용해보니.. "편하다"

Example.

Script

   function comboChange() {
        var options = {
                   success     : showInitResponse,
                   url              : "/path/test.action",
                   contentType : "application/x-www-form-urlencoded;charset=UTF-8",
                   type           : "post", /* get, post */
                   dataType    : "html" /* xml, html, script, json */
               };
         $('#INIT').ajaxSubmit(options);
    }

    // post-submit callback
    function showInitResponse(responseText, statusText)  {
           //submit후 작업부분
         document.getElementById('result').innerHTML = responseText;
    }

result 에 삽입하고 싶은 페이지 url을 설정하고 ajaxSubmit() 을 사용하면 땡.

Html

<s:form name="INIT" action="INIT" theme="simple" method="post">
        <s:select id="apiId" name="apiId" list="#{'INBO01':'INBO01', 'INTC02':'INTC02'}" onchange="javascript:comboChange();"></s:select>           
</s:form>

<div id="result"/>

콤보박스가 API명을 선택하면 해당 API 테스트 페이지를 삽입한다. 뭐.. 테스트 페이지는 Reflect를 사용해서 한방에 끝내기는 했지만... Reflect 단점상.. 가독성이 떨어진다. ㅡㅡ;;

우선.. 하도 많은 사이트를 참조해서 출처를 올리려니.. 기억이 가물가물..