[jQuery] ajax 검증 및 작업처리 (실제예시)

[jQuery] ajax 검증 및 작업처리 (실제예시)

 

- 설문조사 부분을 jQuery로 검증 후 ajax로 처리

<script language="javascript" type="text/javascript"> <!-- jQuery.noConflict(); jQuery(document).ready(function () { jQuery("#btnSurveyOK").click(function () { var selectCnt = 0; var attendFlag = jQuery('#btnSurveyOK').attr("alt"); // alt = 1:참여, 0:미참여 if (attendFlag == "1") { alert("이미 참여하신 설문입니다."); return; } // // radio // // if (jQuery(".rdoLike:checked").val() == null) 로 해도 같은 의미 if (jQuery(".rdoLike:checked").length < 1) { alert('"1.만족도는 어떠하신가요?"를 선택 하여 주십시요.'); jQuery(".rdoLike")[0].focus(); return; } if (jQuery(".rdoKnow:checked").length < 1) { alert('"2.인지도는 어떠하신가요?"를 선택 하여 주십시요.'); jQuery(".rdoKnow")[0].focus(); return; } // // checkbox // if (jQuery(".chkDiff:checked").length < 1) { alert('"3. 무엇을 생각하십니까? (멀티선택가능)"를 선택 하여 주십시요.'); jQuery(".chkDiff")[0].focus(); return; } // // textbox // jQuery("#etcComment").val(jQuery.trim(jQuery("#etcComment").val())); if (jQuery.trim(jQuery("#etcComment").val()) == "") { alert('"4. 기타의견을 주세요."를 입력하여 주십시요'); jQuery("#etcComment")[0].focus(); return; } // // ajax 로 작업 // var url = "survey_ajax.aspx"; var rdoLike = jQuery(".rdoLike:checked").val(); var rdoKnow = jQuery(".rdoKnow:checked").val(); var etcComment = jQuery("#etcComment").val(); var chkDiff = ""; jQuery(".chkDiff:checked").each(function (index) { if (index != 0) chkDiff += ","; chkDiff += jQuery(this).val(); }); jQuery.ajax({ type: 'POST', url: url, data: { rdoLike: rdoLike, rdoKnow: rdoKnow, chkDiff: chkDiff, etcComment: etcComment }, contentType: "application/x-www-form-urlencoded; charset=UTF-8", timeout: 10000, datatype: 'json', success: function (result) { if (result != null) { if (result == '-1') { alert('이미 참여 하신 설문입니다.'); jQuery('#btnSurveyOK').attr("src", "off.gif"); jQuery('#btnSurveyOK').attr("alt", "1"); } else if (result == '-2') { alert('설문에 실패하였습니다.'); } else { alert('설문을 참여 하셨습니다. 감사합니다.'); jQuery('#btnSurveyOK').attr("src", "off.gif"); jQuery('#btnSurveyOK').attr("alt", "1"); } } }, error: function (error) { alert(error); } }); }); }); //--> </script>

 

 

- ajax 페이지

<!---------------------------------------------------------------------------------------------------------------------------------- 비즈니즈 로직 처리 ------------------------------------------------------------------------------------------------------------------------------------> if (성공하면) { //strJson = "{\"state\":\"ok\", \"cnt\":" + DataTable_CommentBest.Rows[0]["Keys"].ToString() + "}"; Response.Write("1"); } else if (이미 참여했으면) { //strJson = "{\"state\":\"ok\", \"cnt\":" + DataTable_CommentBest.Rows[0]["Keys"].ToString() + "}"; Response.Write("-1"); } else { //strJson = "{\"state\":\"err\", \"cnt\":0}"; Response.Write("0"); } Response.End();