>웹 프론트엔드 >JS 튜토리얼 >struts2 jquery json은 데이터의 비동기 로딩을 구현합니다(자체 작성)_jquery

struts2 jquery json은 데이터의 비동기 로딩을 구현합니다(자체 작성)_jquery

WBOY
WBOY원래의
2016-05-16 17:31:22871검색
코드 복사 코드는 다음과 같습니다.

//페이지가 처음 로드될 때
$(document).ready (function(){
//단일 값을 얻는 버튼에 대한 마우스 클릭 이벤트 등록
$("#getMessage").click(function(){
$ .getJSON("ceshi",function (data){
//Action의 메시지 값은 . 연산자를 통해 data.message에서 얻을 수 있습니다
$("#message1").html("< ;font color='red'>" data.message "");
});
});

//표현식 데이터를 서버로 보내기
$("#getabc").click( function(){
//양식 데이터 직렬화
var params = $("form").serialize();
//$.ajax 사용 ({}) Ajax 메서드
$.ajax({
url:"ceshi",
type:"POST",
data:params,
dataType:"json" ,
success:function (data){
//얻은 데이터를 표시 레이어에 추가
//data.userInfo.property를 사용하여 객체의 데이터 가져오기
$("#message2" ).append("
" data.message "
")
},
error:function(){
$("#message2" ).append("
" "잘못된 정보" "
")
}
});
})


});
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.