`
baobeituping
  • 浏览: 1068878 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

Jquery读取Json并解析

阅读更多

客户端访问服务器后ACTION中的代码:
[Description("根据父亲ID获取子菜单列表")]
        public ActionResult GetSubMenuItem(int ParentID)
        {
            WebCache cache = new WebCache();
            var u = (CurrentUser)cache.GetSessionCache("currentuser");
            foreach (var subMenu in u.MenuPermissions.Where(menu => menu.ParentId == ParentID))
            {
                String menuName = subMenu.Name;
                String menuUrl = subMenu.Url;
            }
            var json = from subMenu in u.MenuPermissions
                       where subMenu.ParentId == ParentID
                       select new
                       {
                           name = subMenu.Name,
                           url = subMenu.Url
                       };
            return Json(json);
        }
       
我们在这里组装成的JSON的格式为:
[{"name":"菜单管理","url":"/SysDictionary/Index"}]

客户端以AJAX方式提交请求,并处理JSON格式的方法:
 function selectSubMenu(ParentID) {
        var menuItem = "";
        var oJson = {
            ParentID: escape(ParentID)
        };
        var url = "/Home/GetSubMenuItem";
        $.ajax({
            url: url,
            data: oJson,
            dataType: "json",
            cache: false,
            type: "POST",
            success: function (data) {
                $.each(data, function (i, item) {
                    alert(item.name+item.url);
                });
            },
            error: function () {
                ShowMessage("error", data.message);

            }
        });
    }

分享到:
评论

相关推荐

    jQuery读取json数据

    关于"jQuery读取json数据"这个主题,我们将会深入探讨如何利用jQuery的Ajax功能来高效地加载和解析JSON格式的数据,以及这样做带来的优势。 JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它易于...

    jQuery ajax读取json文件内容

    ### 标题解析:“jQuery ajax读取json文件内容” 此标题直截了当,明确指出将通过jQuery的Ajax技术来获取并解析JSON文件中的数据。Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,...

    jquery获取json数据的并分页案例

    本案例将深入探讨如何使用jQuery来获取JSON数据并实现分页功能,这对于网页应用的数据展示至关重要。 首先,理解JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它易于人阅读和编写,同时也易于...

    jquery.jsoncookie.zip

    使用`jquery.jsoncookie.js`插件,你可以方便地将JSON对象序列化成字符串并存入Cookie,或者从Cookie中读取JSON数据并反序列化回对象。以下是一些基本用法: 1. 存储JSON数据到Cookie: ```javascript $.cookie('...

    jQuery+ajax按条件读取json文件内容

    在这个示例中,我们看到一个使用jQuery和Ajax实现的功能,该功能根据特定条件从JSON文件中读取数据并将其显示在网页上。这个功能可能用于一个在线测试或学习平台,它能根据时间(TestTime)和题号(Number)来加载...

    JQuery利用JSON读取JAVABEANList

    2. **JQuery的JSON解析与数据展示**: - 在前端,JQuery的`$.getJSON()`方法用于异步获取JSON数据。在这里,它发送一个AJAX请求到指定的URL("servlet/MoreJson")。 - 当请求成功返回时,回调函数会被执行,参数`...

    jquery解析JSON数据的方法.docx

    在jQuery早期版本和一些不支持JSON解析的浏览器中,经常使用`eval()`函数将JSON字符串转化为JavaScript对象。例如: ```javascript var data = "{'root': [{'name':'1','value':'0'}, {'name':'6101','value':'北京...

    JQuery利用json读取JavaBean List

    本主题将深入探讨如何使用JQuery从服务器获取由JavaBean构成的List,并通过JSON解析来处理这些数据。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,因其易于人阅读和编写,同时也易于机器解析和...

    java_jQuery_json工作过程

    下面将深入探讨“java_jQuery_json工作过程”,详细解析这三者如何协同工作,实现从前端到后端的数据传输及处理。 ### Java与JSON Java作为服务器端的主要编程语言之一,其与JSON(JavaScript Object Notation)的...

    使用jQuery读取xml和json的案例代码

    jQuery还提供了`$.getJSON()`方法,作为读取JSON数据的简化版本,但功能上略有限制。 总的来说,jQuery使得在JavaScript中处理XML和JSON数据变得简单易行,大大提高了开发效率。理解并熟练运用这些技术,能让你在...

    jQuery+json+servlet 动态取后台数据

    总的来说,这个主题涵盖了前端与后端交互的基础知识,包括使用jQuery进行Ajax请求,servlet处理请求并返回JSON,以及JSON作为数据交换格式的角色。在现代Web应用中,这样的交互模式非常常见,对于理解和掌握Web开发...

    网页模板——jQuery查看json格式数据插件viewer.js.zip

    这段代码首先加载了jQuery和`viewer.js`,然后在文档加载完成后,使用JSON字符串创建了一个`#jsonViewer`元素,并调用`jsonViewer`方法展示数据。 `viewer.js`插件还可能支持自定义样式和扩展功能,比如自定义展开/...

    jquery json cookie demo

    结合以上知识点,"jquery json cookie demo"可能是一个示例项目,演示如何利用jQuery库来处理JSON格式的数据并将其存储在Cookie中。这个项目可能包含以下步骤: 1. 使用jQuery选择器定位页面上的特定元素,如按钮或...

    jQuery JSON with PHP json_encode and json_decode

    这里,`$.getJSON`会发起一个HTTP GET请求到'server_script.php',服务器响应的JSON数据会被自动解析并作为回调函数的参数传递。 另外,PHP的`json_decode`函数则用于将JSON字符串转换回PHP变量。假设我们接收到...

    jquery+json实例

    jQuery提供了`$.ajax()`函数和`$.getJSON()`函数,方便地实现了从服务器获取JSON数据并解析的过程。例如,使用`$.getJSON()`获取JSON数据: ```javascript $.getJSON('data.json', function(data) { console.log...

    asp.net生成json对象,jquery读取

    在ASP.NET中生成JSON对象并使用jQuery进行读取是Web开发中的常见操作,尤其是在构建AJAX驱动的应用程序时。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和...

    Java+Servlet+Jquery+Json基础示例

    服务器响应时,同样可以返回Json格式的数据,Jquery在前端接收到响应后,解析Json,更新页面内容,从而实现无刷新的动态交互。 具体到这个示例的"jsonjquery"文件,可能包含了以下内容: 1. HTML文件:展示用户...

    js读取csv文件并使用json显示出来

    在介绍如何使用JavaScript(简称JS)读取CSV文件并使用JSON格式进行展示之前,我们先来了解几个基础概念。 CSV文件是逗号分隔值(Comma-Separated Values)文件的简称,是一种简单的文件格式,用于存储表格数据,...

    jQuery ajax读取本地json文件的实例

    在本实例中,我们将探讨如何使用jQuery的Ajax功能来读取本地的JSON文件,并解析其中的数据。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。 首先,...

Global site tag (gtag.js) - Google Analytics