it개발자스터디공간

$().slideDown()
slideDown();
slideDown(speed);
slideDown(speed, callback);

​

$().slideUp()
slideUp();
slideUp(speed);
slideUp(speed, callback);

​

$().slideToggle()
slideToggle();
slideToggle(speed, callback);

클라이언트에서 XML송신/서버수신

​클라이언트(jQuery)
<script type="text/javascript">
//송신시 미디어 타입을 “contentType”에 명시적으로 지정 가능
//XML데이터를 송신할 경우, 텍스트 형식으로 XML를 작성 필요
$(document).ready(function(){    
    $('#xmlIn1').click(function(){
        $.ajax({
            type: "POST",
            url : "${appUrl}/ajax/xmlIn1.html",
            // 송신시 미디어 타입
            contentType: "application/xml;charset=UTF-8",
            data : '<SampleJaxb1><id>고양이</id><value>2</value></SampleJaxb1>',
            dataType: "html",            
            success:function(data){
                alert(data);
            },
            error:function(XMLHttpRequest, textStatus, errorThrown){
               
               
                alert("textStatus=" + textStatus);
               
                alert("errorThrown=" + errorThrown);
            }
        });
    });
});
</script>
<ol>
    <li> <span id="jsonIn1">JSON형식으로 송신, HTML으로 수신</span></li>
</ol>

<서버에서 XML 출력 처리>

​

​<jQuery소스>

* 예제자료는 직접해보시기를 추천드립니다.

<li><a href="${appUrl}/ajax/xmlOut1.html?cd=aaa">XML형식취득(GET방식)</a></li>
    <li><span id="xmlOut1">XML형식취득(jQuery로 취득)</span></li>
</ol>

<서버에서 XML 출력 처리>

​

​<컨트롤러 소스>

* 예제자료는 직접해보시기를 추천드립니다.

@Controller
public class XmlJaxbController {
   
    @RequestMapping(value="/ajax/xmlOut1")
//    @RequestMapping(value="/ajax/xmlOut1", headers="Accept=application/xml")
//    @RequestMapping(value="/ajax/xmlOut1", produces="application/xml")
    @ResponseBody
public SampleJaxb1 jsonOut1(@RequestParam String cd) {        
        System.out.printf("cd=%s\n", cd);
       
        SampleJaxb1 outData = new SampleJaxb1();
        outData.setId(＂고양이");
//XML은 JAXB용 객체를 리턴해야만 한다.
        outData.setValue(2);        
        return outData;
    }
   
}

​

$().show()
show();
show(speed);
show(speed, callback);

​

$().hide()
hide();
hide(speed);
hide(speed, callback);

​

$().toggle()
toggle();
toggle(switch);
toggle(speed, callback); 

선택한 Element의 효과 설정 

$("selector").attr(name, function)