ajax을 공통 함수로 만들어서 사용하기
프로그래밍 정리/Front
2020. 3. 6. 11:11
반응형
ajax을 자주 사용하므로
간단히 사용하도록 공통 함수로 만들자.
※fn_callBack() 함수는 공통함수가 아니므로 직접 만들어서 사용해야한다.
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 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 | <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <script> //공통 함수로 만들 부분 function cfn_ajaxTransmit( url, data) { var calback_id = url.split('/').reverse()[0].replace('.do',''); $.ajax({url: url , type : "post" , data : data , dataType : "json" , contentType: "application/x-www-form-urlencoded; charset=UTF-8" , async : useAsync ,success : function(result, textStatus, data) { fn_callBack(calback_id, result, textStatus); }, error : function(xhr, errorName, error) { alert("에러입니다." + xhr.statusText); } }); } </script> <body> <script> //실제 사용하는 방법 function text() { //테스트 실행 data = { data1 : '값1' ,data2 : '값2' } cfn_ajaxTransmit("/testpage/test.do", data); } function fn_callBack(calback_id, result, textStatus) { if(calback_id=='test') { if(result.success = '성공') //ajax호출후 전달 받은값 { consoel.log("값을 받았습니다."); } } } </script> </body> </html> | cs |
반응형
'프로그래밍 정리 > Front' 카테고리의 다른 글
jquery - datepicker를 사용하여 날짜 기간 정하기 (0) | 2020.03.27 |
---|---|
ajax으로 file upload를 해보자 & 첨부파일 이미지 미리보기 (0) | 2020.03.09 |
jsp내에서 post보내기(가상 폼 만들기) (0) | 2020.03.02 |
html - colgroup (0) | 2020.02.25 |