사용자 관리 - jquery의 ajax를 사용하여 보조 연결 달성

페이지 효과

---

구현 단계

1. json을 통합하기 위한 struts 플러그인 패키지를 도입합니다

2. 이 페이지는 jquery의 ajax를 사용하여 js

//ajax的二级联动，使用选择的所属单位，查询该所属单位下对应的单位名称列表function findJctUnit(o){//货物所属单位的文本内容var jct = $(o).find("option:selected").text();$.post("elecUserAction_findJctUnit.do",{"jctID":jct},function(data,textStatus){               //先删除单位名称的下拉菜单，但是请选择要留下   $("#jctUnitID option").remove();if(data!=null && data.length>0){for(var i=0;i<data.length;i++){                          var ddlCode = data[i].ddlCode;                          var ddlName = data[i].ddlName;                          //添加到单位名称的下拉菜单中  var $option = $("<option></option>");
                          $option.attr("value",ddlCode);
                          $option.text(ddlName);
                          $("#jctUnitID").append($option);
                   }
            }
        });
        
    }

3을 정의합니다. Action 클래스() 메소드, 여기서 반환된 List 컬렉션은 스택 상단에 배치되고 struts2는 이를 json 데이터

/**  
    * @Name: findJctUnit
    * @Description: 使用jquery的ajax完成二级联动，使用所属单位，关联单位名称
    * @Parameters: 无
    * @Return: 使用struts2的json插件包*/public String findJctUnit(){//1：获取所属单位下的数据项的值(从页面提交的jctID值,不是数据字典中的ddlcode)String jctID = elecUser.getJctID();//2：使用该值作为数据类型，查询对应数据字典的值，返回List<ElecSystemDDL>List<ElecSystemDDL> list = elecSystemDDLService.findSystemDDLListByKeyword(jctID);//3：将List<ElecSystemDDL>转换成json的数组，将List集合放置到栈顶        ValueUtils.pushValueStack(list);return "findJctUnit";
    }

<span style="font-size: 14px">　　其中，findSystemDDLListByKeyword(jctID)是在数据字典service中实现的方法，主要根据数据类型名称查询数据字典，返回list集合对象<br><br>　　ValueUtils是一个工具类，pushValueStack方法将list压入到struts2值栈的栈顶</span>

public class ValueUtils {public static void pushValueStack(Object object) {
        ServletActionContext.getContext().getValueStack().push(object);
    }
}

로 변환합니다. struts2 플러그인 패키지는 객체를 목록에 푸시합니다. struts2 값 스택의 컬렉션 모든 속성은 jsonized

4. struts.xml에서 정의

(1) 확장 값을 수정합니다

수정 전

<!-- 系统管理 --><package name="system" extends="struts-default" namespace="/system">

수정 후

<!-- 系统管理 --><package name="system" extends="json-default" namespace="/system">

(2) 매핑 추가

<!-- 如果是List集合，转换成json数组；如果是object对象，转换成json对象 --><result name="findJctUnit" type="json"></result>

위 단계를 완료한 후 단위 드롭다운 상자의 값을 선택할 수 있으며, 해당 값은 단위 이름 드롭다운 옵션에 있습니다.

다음과 같이 브라우저 페이지에서 json 데이터를 봅니다.

특정 속성을 json화하려면 하나 이상의 ddlCode 및 ddlName을 가로채서 json 데이터가 ddlCode 및 ddlName만 포함됩니다.

위 내용은 사용자 관리 - jquery의 ajax를 사용하여 보조 연결 달성의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!