jquery는 json 객체를 사용하여 드롭다운 메뉴의 보조 연결을 구현하여 DB에서 값을 가져와 linkage_javascript 기술을 표시합니다.

struts2와 Ajax를 사용하여 json 객체의 전송을 구현한 다음 메뉴의 2차 연결을 구현합니다.

다음은 내 js 파일의 원본 코드입니다.

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

var mail={
//초기화
init:{
// 초기화 데이터
initdata:{
did:'',
ttitle:'',
sendpassword:'',
description:''
},
//초기화 event
initevent:{
DataEvent:function(){
$("#did").unbind("change");//1단계 메뉴 가져오기 및 이벤트 바인딩
$ ("#did").bind("change ",function(){
//alert($(this).val());
mail.init.initdata.did=$(this). val();//alert( mail.init.initdata.did)
mail.init.initevent.getuser()
}); style="color:#ff0000;"> getuser:function(){
$.post("mailAction_showUsers?did=" mail.init.initdata.did,null,function(data){
var uidoption =$("#uid") ;// 보조 메뉴 가져오기
uidoption.empty();//목록 비우기
for(var i=0;i//옵션을 채우고 Loop
uidoption.append("" data.users[i].username "" );
}
});
},
submitCheck:function(){
$("#send").unbind("click" );
$("#send" ).bind("click",function(){
mail.init.initdata.description=$("input[type='textarea']").text( );
mail.init.initdata.sendpassword=$("input[name='sendpassword']").val()
mail.init.initdata.ttitle=$("input[name=' ttitle']").val();

if(mail.init.initdata.sendpassword==""){
alert("비밀번호를 입력하세요!");
return false ;
}
else if(mail .init.initdata.ttitle==""){
alert("주제를 입력하세요! ");
false 반환 ;
}
else if(mail.init.initdata.description==""){
alert("콘텐츠를 입력하세요!");
false 반환 ;
}
else
return true;
})
}
}
}
}

$().ready(function (){
mail.init.initevent.DataEvent();
mail.init.initevent.submitCheck()

})


백그라운드 액션:

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

public String getDid(){

...
}
public void setDid(Strign did){
...
}
public String showUsers(){

users=(ArrayList)this.userService.getUsersByDid(did)
System.out.println(users.size() "...")
return SUCCESS; }


Struts.xml 구성:

코드 복사

코드는 다음과 같습니다. <패키지 이름="users" 네임스페이스="/" 확장="json-default"> ;

< ;result type="json">

jsp 페이지:




코드 복사

코드는 다음과 같습니다.

수신자 < /s:select> 실행 후 작업 스크린샷입니다.

필요하신 분들께 작성합니다. . . 참고자료