ホームページ > ウェブフロントエンド > jsチュートリアル > ユーザー管理 - jquery の ajax を使用して二次連携を実現する

ユーザー管理 - jquery の ajax を使用して二次連携を実現する

巴扎黑
リリース: 2017-07-20 13:27:30
オリジナル
1347 人が閲覧しました

Page Implementation Steps1 Action クラス () メソッドでは、返された List コレクションがスタックの最上位に配置され、struts2 がそれを json データに変換します

//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);
                   }
            }
        });
        
    }
ログイン後にコピー

/**  
    * @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="max-width:90%">  其中,findSystemDDLListByKeyword(jctID)是在数据字典service中实现的方法,主要根据数据类型名称查询数据字典,返回list集合对象<br><br>  ValueUtils是一个工具类,pushValueStack方法将list压入到struts2值栈的栈顶</span>
ログイン後にコピー

struts2 プラグイン パッケージは、オブジェクトをstruts2 値スタックのリストコレクション すべての属性は json 化されます

4. struts.xml で定義します

(1) extends 値を変更します
変更前

public class ValueUtils {public static void pushValueStack(Object object) {
        ServletActionContext.getContext().getValueStack().push(object);
    }
}
ログイン後にコピー
変更後
<!-- 系统管理 --><package name="system" extends="struts-default" namespace="/system">
ログイン後にコピー

(2)マッピングの追加

<!-- 系统管理 --><package name="system" extends="json-default" namespace="/system">
ログイン後にコピー

上記の手順を完了すると、単位ドロップダウン ボックスの値を選択できるようになり、対応する値が単位名のドロップダウン オプションに表示されます。

次のようにブラウザ ページで json データを表示します。

特定の属性を json 化する場合は、1 つ以上の ddlCode と ddlName をインターセプトして、json データを変更できます。 ddlCode と ddlName のみが含まれます。

以上がユーザー管理 - jquery の ajax を使用して二次連携を実現するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート