JQuery의 Ajax request_jquery를 사용한 부분 새로 고침의 간단한 예

요청의 ajax 경로에 의해 전달된 매개변수(데이터)는 작업에서 동일한 이름(set get 메소드 사용)을 가진 변수에 의해 수신됩니다. 반환된 데이터는 JQuery 배열 객체입니다. 데이터 변수와 객체는 데이터로 캡슐화되어 최종적으로 페이지로 반환됩니다.

사례 : 그림과 같이



JQuery의 Ajax를 이용하여 아이콘을 변경하고 싶은데, 아이콘이 변경됩니다.

원칙: 부분 새로 고침은 페이지 새로 고침의 일부입니다. 이 경우 아이콘의 변경만 있으면 됩니다. 둘째, 배경 디지털 디스플레이 데이터가 수정된 후 프런트 엔드가 아이콘을 직접 변경합니다.

1. 페이지는 각 레코드의 아이콘에 고유한 ID 값을 제공합니다.

코드 복사 코드는 다음과 같습니다.

 



< ;img src ="${ctx}/images/03.png" id="r${message.messageID}"/>
 

Ajax 확인: A 태그에 id = aUnread를 추가한 다음

코드 복사 이벤트를 추가합니다. 코드는 다음과 같습니다.

jQuery("#aUnread").click(function(){
var strIds="";//변수를 정의합니다. 데이터 전달
$(" input[name='checkbox']").each(function (){
if(this.checked){
strIds =this.value ",";//What 여러 개의 ID 값을 얻으면 철자를 입력하세요. Pass to action
}
});
$.ajax({
} type: "post",
} dataType:'json' , //데이터 형식 허용
캐시:false,
data:"strIds=" strIds,
url: "${ctx}/feedbackonline/updateMessageStateUnread.action",
beforeSend: function(XMLHttpRequest ){
             },
                                                                              |                                                           해당 id 값의 아이콘 src 속성 값을 해당 아이콘 경로
}
},
오류: function(){
경고("Error! ");
                                                                            
2.백그라운드 액션:

코드 복사 코드는 다음과 같습니다.

private String strIds;//set get 메소드를 생략하고 페이지에서 응답 데이터를 자동으로 가져옵니다.
private String[] str;//set get 메소드 생략
@Action("/updateMessageStateUnread ")
public String updateMessageState() throws Exception{
String[] jStr = strIds.split(",");//문자열을 문자열 배열로 분할
str=jStr;//분할 string 문자열 배열은 get set 메소드를 사용하여 배열 변수 str에 할당되고
for(int i=0;i int id=Integer.parseInt( 페이지로 반환됩니다. jStr[i] );
messageUserinfo=messageUserinfoManager.queryById(id) }
return "ajax";
}