频道导航

Ajax动态刷新级联刷新

2020-05-25 Ajax 前端之家

前端之家收集整理的这篇文章主要介绍了Ajax动态刷新级联刷新，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

1.jsp页面

首先是两个下拉框，当公司名字变动时会场负责人的选择列表也相应变换

[html]view plaincopyprint? 
   
 <tr>
 tdwidth="50%"bgcolor="#EAF6EA">
divalign="right" 公司名：
</divtdtdbgcolor="#FFFFFF"s:selectlist="comInfolist"listValue="Com_name"
 listKey="Com_id"name="Com_id"value="%{mai.comId}"id="com"onchange=spanstyle="color:#ff0000">"finduserlst1();"span>s:selectlabelstyle="color:red;" 
label 会场负责人：
inputtype="hidden"id="user_id"value="${mai.responsibleId}"/>
inputtype="hidden"id="user_name"value="${mai.responsibleName}"/>
selectid="comuser"name="comusername"style="width:150px"select>

2.js

js的方法中首先获得选中框的值，也就是公司id。使用了json，data处为传值。

[javascript]? 
   

functionfinduserlst1(){

//获取下拉框的选中项
varcheckText=$("#com").find("option:selected").val();
$("#comuser").empty();
if(checkText==""){
$("#comuser").append("<optionvalue=''>----请选择----</option>");
}else{
$.ajax({
url:"<spanstyle="color:#ff0000">companymanage!findPeopleByComId.do</span>",
type:"post",
dataType:"<spanstyle="color:#ff0000">json</span>",108); list-style:decimal-leading-zero outside; color:inherit; line-height:18px"> data:{<spanstyle="color:#ff0000">comID:checkText</span>},108); list-style:decimal-leading-zero outside; line-height:18px"> success:function(json){
$("#comuser").append("<optionvalue=''>----请选择----</option>");
$.each(json,function(i){
$("#comuser").append("<optionvalue='"+json[i].userid+"'>"+json[i].realName+"</option>");
});
},
error:function(XMLHttpRequest,textStatus,errorThrown){
returnfalse;
}
});
}
}

3.java方法

然后是action中，首先获得传来的comId.之后是方法。注意这里的需要一个inputstream，不然会报错。这里的comID对应上面json处data所传的值。

?

privateStringcomID;

privateListUser_info>userlist;
privateInputStreaminputStream;
publicStringfindPeopleByComId(){
System.out.println("进入了根据公司的id查询所有的人");
userlist=meetingAddrInfoService.findPeopleByComId(Integer
.parseInt(comID));
StringjsonString=JSONArray.fromObject(userlist).toString();
try{
inputStream=newByteArrayInputStream(jsonString.getBytes("UTF-8"));
}catch(UnsupportedEncodingExceptione){
//TODOAuto-generatedcatchblock
e.printStackTrace();
return"searchUser";
//System.out.println("根据公司id查询所有人："+userlist+comID);
publicInputStreamgetInputStream(){
returninputStream;
publicvoidsetInputStream(InputStreaminputStream){
this.inputStream=inputStream;
spanstyle="white-space:pre">>publicList>getUserlist(){
returnuserlist;
publicvoidsetUserlist(List>userlist){
this.userlist=userlist;
>publicStringgetComID(){
returncomID;
publicvoidsetComID(StringcomID){
this.comID=comID;
}

4.配置

struts2里的配置如下

?

actionname="companymanage"class="com.hb.action.system.MeetingAddrInfoAction"method="{1}"resultname="searchUser"type="stream"paramname="contentType">text/jsonparamparamname="inputName">inputStreamresultaction>