MVC3中Json的应用

简介: 应该一: 无刷新联动效果get方式: public ActionResult MaterialByClass(string l) { var materials = _db.

应该一:

无刷新联动效果get方式:

public ActionResult MaterialByClass(string l)
        {
            var materials = _db.Products.Where(m => m.CodeClass == l).ToList().Select(a => new SelectListItem() { Text = a.Material.Name != null ? a.Material.Name : "[NO Date}", Value = a.CodeMaterial });
            return Json(materials, JsonRequestBehavior.AllowGet);
        }

 

 $("#@orgFieldId").change(function () {
      var idProd = $(this).val();
      $.getJSON("/JsonService/GetAccounts", { orgId: idProd },
          function (myData) {
              var select = $("#@fieldId");
              select.empty(); 
              $.each(myData, function (index, itemData) {
                  select.append($('<option/>', {
                      value: itemData.Value,
                      text: itemData.Text
                  }));
              });
          });
  });

  $(document).ready(function () {
    $("#@orgFieldId").change();
  });

上面的代码也可以使用如下方式(两个是等效的,只不过上面的没有下面的灵活性高,特别是设置默认值方面:

$(function () {
            $("#l").change(function () {
                var url = "/Home/MaterialByClass";
                var id_cz = $("#l").val();
                $.getJSON(url, { l: id_cz },
                 function (myData) {   
                     var items = "";
                     $.each(myData, function (i, cz) {
                         items += "<option value='" + cz.value + "'>" + cz.Text + "</option>";  
                     });
                      $("#c").html(items);   
                 });
            });
        });

        $(function () {
            $("#l").change();
        });

应用二:
无刷新Post应用形式

       [HttpPost]
        public ActionResult AddGroupAccount(string useraccount)
        {
        var result = new GroupViewModel
           {
               Id = addid,
               SubUserAccount = useraccount,
               Company=company,
               Statu="<span style='color:Red'>等待对方确认</span>",
               Message = message
           };   
            return Json(result);    
        }
 $(function () {
        $(".addbtn").click(function () {
            var put_sub_user = $("#put_sub_useraccount").val();
            if (put_sub_user != '') {
                $.post("/User/Index/AddGroupAccount", { "useraccount": put_sub_user },
              function (data) {
                  if (data.Message == "添加成功!") {
                      $("#userlist").prepend("<tr id=row-" + data.Id + "><td>" + data.SubUserAccount + "-" + data.Company + " [" + data.Statu + "]</td><td width='57'><a href='#'  class='RemoveLink'  data-id=" + data.Id + ">删除</a></td></tr>");
                      $("#message").text(data.Message);
                  }
                  else
                      $("#message").text(data.Message);
              });
            }
            else
                $("#message").text("出错!输入框不能为空!");
        });

 如果是传递多个参数可以这样用:

var dataid = $("#curr_id").val();
                var datapcs = $("#PCS").val();
                $.post("/ShoppingCart/AddToCart", { id: dataid,pcs:datapcs}, function (data) {
                    if (data.Message = "ok")
                        alert(data.Message);
                    else
                        alert("Error");
                });

 

学习交流群:364976091
相关文章
|
6月前
|
存储 JSON NoSQL
解锁JSON的奇妙世界:从基础到高级应用,一文搞懂JSON的妙用(下)
解锁JSON的奇妙世界:从基础到高级应用,一文搞懂JSON的妙用(下)
|
14天前
|
存储 JSON 监控
公司用什么软件监控电脑:JSON 在监控信息交互中的应用探索
在现代企业管理中,电脑监控软件广泛应用于保障信息安全和提升工作效率。JSON(JavaScript Object Notation)因其简洁和易读性,在监控信息的收集、传输和处理中扮演着关键角色。本文介绍了 JSON 在监控数据结构、信息传输及服务器端处理中的具体应用,展示了其在高效监控系统中的重要性。
29 0
|
6月前
|
前端开发 Java 测试技术
Java一分钟之Spring MVC:构建Web应用
【5月更文挑战第15天】Spring MVC是Spring框架的Web应用模块,基于MVC模式实现业务、数据和UI解耦。常见问题包括:配置DispatcherServlet、Controller映射错误、视图解析未设置、Model数据传递遗漏、异常处理未配置、依赖注入缺失和忽视单元测试。解决这些问题可提升代码质量和应用性能。注意配置`web.xml`、`@RequestMapping`、`ViewResolver`、`Model`、`@ExceptionHandler`、`@Autowired`,并编写测试用例。
338 3
|
2月前
|
设计模式 开发框架 前端开发
MVC 模式在 C# 中的应用
MVC(Model-View-Controller)模式是广泛应用于Web应用程序开发的设计模式,将应用分为模型(存储数据及逻辑)、视图(展示数据给用户)和控制器(处理用户输入并控制模型与视图交互)三部分,有助于管理复杂应用并提高代码可读性和维护性。在C#中,ASP.NET MVC框架常用于构建基于MVC模式的Web应用,通过定义模型、控制器和视图,实现结构清晰且易维护的应用程序。
49 2
|
1月前
|
前端开发 Java
【案例+源码】详解MVC框架模式及其应用
【案例+源码】详解MVC框架模式及其应用
49 0
|
3月前
|
存储 SQL JSON
【Azure Logic App】微软云逻辑应用连接到数据库,执行存储过程并转换执行结果为JSON数据
【Azure Logic App】微软云逻辑应用连接到数据库,执行存储过程并转换执行结果为JSON数据
【Azure Logic App】微软云逻辑应用连接到数据库,执行存储过程并转换执行结果为JSON数据
|
3月前
|
JSON Java Android开发
Android 开发者必备秘籍:轻松攻克 JSON 格式数据解析难题,让你的应用更出色!
【8月更文挑战第18天】在Android开发中,解析JSON数据至关重要。JSON以其简洁和易读成为首选的数据交换格式。开发者可通过多种途径解析JSON,如使用内置的`JSONObject`和`JSONArray`类直接操作数据,或借助Google提供的Gson库将JSON自动映射为Java对象。无论哪种方法,正确解析JSON都是实现高效应用的关键,能帮助开发者处理网络请求返回的数据,并将其展示给用户,从而提升应用的功能性和用户体验。
83 1
|
3月前
|
JSON 数据格式 Java
化繁为简的魔法:Struts 2 与 JSON 联手打造超流畅数据交换体验,让应用飞起来!
【8月更文挑战第31天】在现代 Web 开发中,JSON 成为数据交换的主流格式,以其轻量、易读和易解析的特点受到青睐。Struts 2 内置对 JSON 的支持,结合 Jackson 库可便捷实现数据传输。本文通过具体示例展示了如何在 Struts 2 中进行 JSON 数据的序列化与反序列化,并结合 AJAX 技术提升 Web 应用的响应速度和用户体验。
114 0
|
3月前
|
存储 前端开发 数据库
神秘编程世界惊现强大架构!Web2py 的 MVC 究竟隐藏着怎样的神奇魔力?带你探索实际应用之谜!
【8月更文挑战第31天】在现代 Web 开发中,MVC(Model-View-Controller)架构被广泛应用,将应用程序分为模型、视图和控制器三个部分,有助于提高代码的可维护性、可扩展性和可测试性。Web2py 是一个采用 MVC 架构的 Python Web 框架,其中模型处理数据和业务逻辑,视图负责呈现数据给用户,控制器则协调模型和视图之间的交互。
38 0
|
3月前
|
JSON 前端开发 Java
Spring MVC返回JSON数据
综上所述,Spring MVC提供了灵活、强大的方式来支持返回JSON数据,从直接使用 `@ResponseBody`及 `@RestController`注解,到通过配置消息转换器和异常处理器,开发人员可以根据具体需求选择合适的实现方式。
157 4