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
相关文章
|
1月前
|
存储 JSON NoSQL
解锁JSON的奇妙世界:从基础到高级应用,一文搞懂JSON的妙用(下)
解锁JSON的奇妙世界:从基础到高级应用,一文搞懂JSON的妙用(下)
|
1月前
|
JSON 前端开发 JavaScript
解锁JSON的奇妙世界:从基础到高级应用,一文搞懂JSON的妙用(上)
解锁JSON的奇妙世界:从基础到高级应用,一文搞懂JSON的妙用(上)
解锁JSON的奇妙世界:从基础到高级应用,一文搞懂JSON的妙用(上)
|
2月前
|
JSON 程序员 数据格式
深入探索 “JSON for Modern C++“:安装、构建与应用
深入探索 “JSON for Modern C++“:安装、构建与应用
43 0
|
1月前
|
JSON JavaScript 前端开发
解锁JSON的奇妙世界:从基础到高级应用,一文搞懂JSON的妙用(中)
解锁JSON的奇妙世界:从基础到高级应用,一文搞懂JSON的妙用(中)
|
3月前
|
Web App开发 JSON JavaScript
SAP UI5 应用程序小技巧 - 一键将 JSON 对象导出成本地 json 文件
SAP UI5 应用程序小技巧 - 一键将 JSON 对象导出成本地 json 文件
29 0
|
4月前
|
存储 JSON JavaScript
Python 的其他应用: 如何使用 Python 处理 JSON 数据?
Python 的其他应用: 如何使用 Python 处理 JSON 数据?
|
3天前
|
XML JSON API
转Android上基于JSON的数据交互应用
转Android上基于JSON的数据交互应用
|
17天前
|
JSON 编译器 Go
Golang深入浅出之-结构体标签(Tags):JSON序列化与反射应用
【4月更文挑战第22天】Go语言结构体标签用于添加元信息,常用于JSON序列化和ORM框架。本文聚焦JSON序列化和反射应用,讨论了如何使用`json`标签处理敏感字段、实现`omitempty`、自定义字段名和嵌套结构体。同时,通过反射访问标签信息,但应注意反射可能带来的性能问题。正确使用结构体标签能提升代码质量和安全性。
15 0
|
1月前
|
XML JSON JavaScript
Java中XML和JSON的比较与应用指南
本文对比了Java中XML和JSON的使用,XML以自我描述性和可扩展性著称,适合结构复杂、需验证的场景,但语法冗长。JSON结构简洁,适用于轻量级数据交换,但不支持命名空间。在Java中,处理XML可使用DOM、SAX解析器或XPath,而JSON可借助GSON、Jackson库。根据需求选择合适格式,注意安全、性能和可读性。
28 0
|
1月前
|
XML JSON JavaScript
使用JSON和XML:数据交换格式在Java Web开发中的应用
【4月更文挑战第3天】本文比较了JSON和XML在Java Web开发中的应用。JSON是一种轻量级、易读的数据交换格式,适合快速解析和节省空间,常用于API和Web服务。XML则提供更强的灵活性和数据描述能力,适合复杂数据结构。Java有Jackson和Gson等库处理JSON,JAXB和DOM/SAX处理XML。选择格式需根据应用场景和需求。