zoukankan      html  css  js  c++  java
  • AJAX 和WebService 现实多个DropdownList联动

    1:前台jquery代码

            //根据部门 获取员工姓名
            function GetEmployeeName() {
                var gid = $("# MdDepartment_ParentID");
                var gpid = $("#HrEmployee_EmployeeName");
                $("#HrEmployee_EmployeeName option").remove(); // 先删除所有项,以便重新加载 
                gpid.append("<option value=''>--- 请选择 ---</option>"); //默认项
                $.ajax({
                    type: "Post",
                    url: "Edit.aspx/getEmployeeName",
                    data: "{'DepartmentID':'" + gid.val() + "'}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (data) {
                        var arrayChar = data.d;
                        for (var index in arrayChar) {
                            if (typeof arrayChar[index] != 'undefined' && typeof arrayChar[index] != 'function') {
                                var info = arrayChar[index];
                                gpid.append($("<option></option>").val(info.ID).html(info.EmployeeName));
                            }
                        }
                    },
                    error: function (err) {
                    }
                });
            }

            //获取员工工号
            function GetWorkNumInfo() {

                var gid = $("#HrEmployee_EmployeeName");
                var ms = $("#HrEmployee_WorkNo");
                $.ajax({
                    type: "Post",
                    url: "Edit.aspx/GetWorkNumInfo",
                    data: "{'ID':'" + gid.val() + "'}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (data) {
                        var arrayObj = data.d.toString().split(",");
                        ms.val(arrayObj[0]);
                    },
                    error: function (err) {
                        //alert(err);
                    }
                });
                      }

    2:后台代码.cs

     [System.Web.Services.WebMethod]
        public static List<string> GetWorkNumInfo(string ID)
        {
            List<string> list = new List<string>();
            HrEmployee bll = new HrEmployee();
            HrEmployeeInfo info = bll.GetModel(ID);
            if (info != null)
            {
                list.Add(info.WorkNo);
            }
            return list;
        }

        [System.Web.Services.WebMethod]
        public static List<HrEmployeeInfo> getEmployeeName(string DepartmentID)
        {
            HrEmployee bll = new HrEmployee();
            List<DBParameter> dbParameters = new List<DBParameter>();
            dbParameters.Add(new DBParameter("@DepartmentID", DepartmentID));
            List<HrEmployeeInfo> list = bll.GetList("", "DepartmentID=@DepartmentID", "", dbParameters);
            return list;
        }

    注:HrEmployeeInfo 为实体类 希望大家能够看懂

  • 相关阅读:
    ThinkPHP 统计数据(数字字段)更新 setInc 与 setDec 方法
    JS正则表达式验证账号、手机号、电话和邮箱
    javascript document.referrer 用法
    location.hash详解
    window.location.hash属性介绍
    php伪静态
    文本框只允许输入数字.net/javascript
    ts文件编译后变量在vscode里报错
    win10虚拟桌面使用方法-提高工作效率
    vscode设置代码块
  • 原文地址:https://www.cnblogs.com/EDSON/p/AJAXWebService.html
Copyright © 2011-2022 走看看