메모하는 습관

$.ajax({
	type: 'POST',
	url: _url,
	cache: false,
	dataType: "json",
	data: _data,   
	processData: true,
	contentType: "application/json; charset=utf-8", 
	success: function(data, status){
	},
	error: function(request, status, error){
	}
});

개발을 하다보면 multi radio button에 대한 유효성 검증 로직을 사용할 경우가 있다. 

<script>
    $J(function() {
        document.location.href = '#show';
        $J('input:radio').addClass("vm");
        var chkVal;
        //등록
        $J("#btnReg").click(function() {
            var chkLen = 0;
            var chkLen2 = 0;

            $J("[id='tableExample']").each(function(i) {
                chkVal = "N";
                chkLen2 = 0;
                $J(this).find("#trExample").each(function(j) {
                    chkVal = "N";
                    $J(this).find("input:radio").each(function() {
                        if ($J(this).is(":checked") == true) {
                            chkVal = "V";
                        }
                    });

                    if (chkVal != "V") {
                        alert((i + 1) + "번 문항의 " + (j + 1) + "번째 직원의 답변을 선택해주세요");
                        $J(this).find("input:radio")[0].focus();
                        return false;
                    } else if (chkVal == "V") {
                        chkLen2++;
                    }
                });

                if ($J(this).find("#trExample").length == chkLen2) {
                    chkLen++;
                } else {
                    return false;
                }
            });
     });
});
</script>

<asp:Repeater ID="rptQuestionList" runat="server" OnItemDataBound="rptQuestionList_OnItemDataBound">
   <table id="tableExample">
      <asp:Repeater ID="rptAnswerList" runat="server" OnItemDataBound="rptAnswerList_OnItemDataBound">
        <tr id="trExample">
           <input type="radio" class="vm" id="rdoExample1">
           <input type="radio" class="vm" id="rdoExample2">
           <input type="radio" class="vm" id="rdoExample3">
       </tr>
     </asp:Repeater>
   </table>
</asp:Repeater>

front-end에서 외부 도메인과 통신할 경우 javascript에서 JSONP를 이용하여 ajax통신이 가능하다.
아래 간단한 예제를 활용해 보자.

javascript

$.ajax({
    type : "GET",     
    dataType: "jsonp",     
    data: {id: "tttt"},     
    url: "http://www.test2.com/request",     
    success: function(data) {         
        $("#result").html(JSON.stringify(data));     
    },     
        error: function() {         
        alert("error");     
    } 
}); 

java request

@RequestMapping(value = "/request", method = RequestMethod.GET)     
public String request(@RequestParam String id, @RequestPrarm String callback) {         
    Map<string, string> paramMap = new HashMap<string, string>();         
    paramMap.put("id", id);         
    paramMap.put("result", "success");          

    String result = null;         
    ObjectMapper mapper = new ObjectMapper();         
    try {             
        result = mapper.writeValueAsString(paramMap);         
    } catch (JsonGenerationException e) {             
        e.printStackTrace();         
    } catch (JsonMappingException e) {             
        e.printStackTrace();         
    } catch (IOException e) {             
        e.printStackTrace();         
    }                  

    System.out.println(result);         
    return callback + "(" + result + ")";     
 }

jQuery 자식 팝업 창에서 부모창 컨트롤

$(opener.document).find("#Form").attr("action","index.do").submit();

자식창 -> 부모창으로 값 전달하기

opener.document.getElementById("id").value="value"; //dom 객체로 제어 

$("#id",opener.document).val("value"); // jQuery 방식 1 

$("input[name=imgFile]", parent.document.body).val() // 방식 2 

$(opener.document).find("#id").val("value"); //방식 3  

opener.location.href="javascript:fun();"; //일반적인 방법 

$(opener.location).attr("href","javascript:fun();"); //jQuery 이용