JQuery 1.3.2联动获取部门

Sql  
   
$(document).ready(function(){
            $(".dept").bind("click", function () {
                var self = this;
                var open = $(self).attr("open");
                if (open=="false") {
                    $(self).attr("open", "true");
                }
                $.ajax({
                    type: "post",
                    data: {
                        data: JSON.stringify( {Description:$(this).attr("desc")})
                    },
                    url: "GetDeptName.ashx",
                    success: function (data) {
                        if (data != null || data !== "") {
                            if (open=="false") {
                                $(self).children(".dept").remove();
                                return false;
                            }
                            var entitys = JSON.parse(data);
                            $.each(entitys.prod, function (index, element) {
                                var ul = $("<ul></ul>");
                                var li = "<li><span class=‘dept‘ open=‘false‘ desc=‘" + element.Description + "‘>" + element.Name + "</span></li>";
                                ul.append(li);
                                $(self).after(ul);
                            });

                        }
                    }
                });
            });
        });

  c#代码:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Script.Serialization;
namespace Maticsoft.Web.Product
{
    /// <summary>
    /// GetDeptName 的摘要说明
    /// </summary>
    public class GetDeptName : IHttpHandler
    {

        public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";
            JavaScriptSerializer jss = new JavaScriptSerializer();
            string entity = context.Request["data"];
            Model.Products model= jss.Deserialize<Model.Products>(entity);
            List<Model.Products> prod = new BLL.Products().GetModelList(string.Format(" Catagory={0}",model.Description));
            if (prod!=null&&prod.Count()>0)
            {
                context.Response.Write(jss.Serialize(new {prod= prod}));
                return;
            }
            context.Response.Write(string.Empty);
        }

        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }
}

  

时间: 2024-10-21 15:52:57

JQuery 1.3.2联动获取部门的相关文章

简单jquery实现select三级联动

简单的jquery实现select三级联动 代码如下: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title>selectList</title> 6 <style type="text/css"> 7 *{margin:0;padding:0;} 8 .selectList{width:200

jquery json ajax三级联动

province_city_area.jsp 1 <%@ page language="java" pageEncoding="UTF-8"%> 2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 3 <html> 4 <head> 5 <script type="text/javascript"

用jQuery实现省市区三级联动(可做插件)

用jQuery实现省市区三级联动(可做插件) 有参考别的文档,如有雷同,不胜感激 先上效果图 上三级联动代码 city.html <!DOCTYPE html> <html> <head> <title>city.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http

份-城市,基于jQuery的AJAX二级联动,用Struts2整合AJAX【非数据库版】

package loaderman.provincecity; import java.io.IOException; import java.util.LinkedHashSet; import java.util.Set; import com.opensymphony.xwork2.ActionSupport; /** * 控制器 * @author AdminTC */ public class ProvinceCityAction extends ActionSupport{ priv

使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能

使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能 要求:写一个省市区(或者年月日)的三级联动,实现地区或时间的下拉选择. 实现技术:php ajax 实现:省级下拉变化时市下拉区下拉跟着变化,市级下拉变化时区下拉跟着变化. 使用chinastates表查询 Ajax加载数据 1.这是chinastates表 2.做一个简单php:Ajax_eg.php <!DOCTYPE html><html>    <head>        <meta c

js+jquery动态设置/增加/删除/获取元素属性的两种方法集锦对比(动态onclick属性设置+动态title设置)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html140/strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>

jQuery MVC 科室异步联动

//科室改变,级联医生 js $("#DepartmentId").change(function () { if (isNaN($(this).val())) { $("#DoctorId option:gt(0)").remove(); } else { $.post('/JK/Json/JsonDoctorList/', { departmentId: $(this).val() }, function (data) { if (data.Success) {

Json 基于jQuery+JSON的省市联动效果

helloweba.com 作者:月光光 时间:2012-09-12 21:57 标签: jQuery  JSON  Ajax  省市联动 省市区联动下拉效果在WEB中应用非常广泛,尤其在一些会员信息系统.电商网站最为常见.开发者一般使用Ajax实现无刷新下拉联动.本文将讲述,利用jQuery插件,通过读取JSON数据,实现无刷新动态下拉省市二(三)级联动效果. 查看演示 下载源码 HTML 首先在head中载入jquery库和cityselect插件. <script type="tex

jquery的blur之后,focus获取不到焦点的解决办法

一:很多童鞋可能会遇到这种情况: jquery的blur之后,focus获取不到焦点. 二:使用场景: 用户填写信息的时候,若邮箱为空,则提示 请填写邮箱,并将光标置于填写邮箱的文本框里,方便用户的再次输入. 想当然的我们会使用jquey的blur()和focus()两个函数来实现上面的需求: $("#email").blur(function(){ if($("#email").val()==''){ alert('请填写您的邮箱'); $("#emai