json在快速开发平台中的应用讲解

json数据格式在快速开发平台中的应用讲解,json替换xml作为一种主流的前后端数据传输格式,为什么如此的强大。

认识一段json

    columns:[
	   {
		   field: "", title: "序", align: "center", width:"20",formatter: function (value, row, rowIndex) {
			   return (rowIndex+1);
		   },edit: false
	   },
	   {
			 field: "Y", title: "@this.Intl("Field:YunMFramework.Domain.Model.RZZYZJSRB.Y")", titleTooltip:"", width:"50",align: "center", 
		   formatter: function (value, row, rowIndex) {
			   var v='0';
			   if(value !=null&&value!=''&&value!='undefined'&&!isNaN(value))
			   {
				   v= number_format(value, 2, '.', ',', 'ceil');
			   }
			   return v;
		   },
		   edit: {
			   required: true,
				disabled: true,
			   type:'number',
			   click: function () { },
			   blur: function (e) { },
			   keyup: function (e) {
				   var indexrow = $(this).parent().parent().parent().data('index');
				   var coldata=$('#rzzyzjsrbstb').bootstrapTable('getColTotal', 1)+'%';
				  $('.fixed-table-footer>table>tbody>tr td').eq(1).children('div.th-inner').html(coldata);
			   },
			   keydown: function (e) { },
			   focus: function (e) {this.select(); },
			   change: function (e) {
			   }
		   },
		   footerFormatter: function () {
			   return $('#rzzyzjsrbstb').bootstrapTable('getColTotal', 1)+'%';
		   }, 
	   },
   ]
上段代码是从快速开发平台中提取的一段代码,熟悉平台的同学都知道,这是bootstrap-table的一段columns代码,这就是典型的json数据格式了。

json数据格式解析

JSON有两种表示结构,对象和数组。
对象结构以”{”大括号开始,以”}”大括号结束。中间部分由0或多个以”,”分隔的”key(关键字)/value(值)”对构成,关键字和值之间以”:”分隔,语法结构如代码。

如列子中表示的一个表格字段应有的属性和值:

	   {
		   field: "", title: "序", align: "center", width:"20",formatter: function (value, row, rowIndex) {
			   return (rowIndex+1);
		   },edit: false
	   },

数组结构以”[”开始,”]”结束。中间由0或多个以”,”分隔的值列表组成,语法结构如代码。如列子的:columns:[]。

在JavaScript中的应用

我们可以先申明一个数组,然后把数据push如数组,形成json数据格式。如咱们往表中动态添加一个字段:

       var deycolumns=[  //快速开发平台json数组申明
        {
            title: '序',
            field: 'F0',
            align: 'center',
            valign: 'middle',
            edit: false,
            width: "20",
            formatter: function (value, row, rowIndex) {
                return (rowIndex+1);
            }
        }, ]
   //快速开发平台json数据插入数组
   deycolumns.push(
   {
       field: "F10004", title: "期初余额合计", titleTooltip:"", width:"50",align: "center",
       formatter: function (value, row, rowIndex) {

           var v='0';
           if(value !=null&&value !=''&&value !='undefined'&&!isNaN(value))
           {
               v= number_format(value, 2, '.', ',', 'ceil');
           }
           return v;
       },
       edit: false
   });

JSON数据格式在AJAX中的应用

这个我们讲的比较多,在文章中有很多篇是介绍ajax的,这个是常用的搭配了,文章链接:

Web框架异步提交Ajax解析

.Net MVC-视图层使用Ajax怎么实现视图局部数据异步刷新

json数据格式在快速开发平台中的应用讲解,json替换xml作为一种主流的前后端数据传输格式。JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于JavaScript的一个子集。 JSON采用完全独立于语言的文本格式,其简单通俗、易于掌握、没有多余的交互流量,已经成为最大众化的数据交互格式。

网站&系统开发技术学习交流群:463167176

本站文章除注明转载外,均为本站原创或翻译,欢迎任何形式的转载,但请务必注明出处,尊重他人劳动,共创和谐网络环境。
转载请注明:文章转载自:软件开发框架 » json在快速开发平台中的应用讲解
本文标题:json在快速开发平台中的应用讲解
本文地址:https://www.hocode.com/OrgTec/Back/0034.html

相关文章: 软件开发平台异步提交Ajax解析之ajaxSubmit

电话
电话 18718672256

扫一扫
二维码