CYQ.Data 数据框架 应用示例 JSON通讯篇

简介:

前言:

复制代码

好久没写教程类的文章,版本升级的是很快,由于所有版本都是向下兼容的,所以原先教程也适用,

有时间再适度的人为的更新一下。

暂时有一些新功能用法,都散落在各在发布版本的文章中,所以大伙有空也不要放过各版本的发布文章。

今天,特意精心写了一个示例,来演示 CYQ.Data 数据框架中一项未被大伙重视的:JSON应用篇。

复制代码

 

下面就来看示例了:

 

一:功能清单介绍

 

1:发布一个WebService,提供两个方法:

a:查询表数据:public string GetUsersInfo()

b:数据更新[带插入]:public bool UpdateUserInfo(string json)

 

2:本地Aspx页面:

a:直接调用WebService的GetUsersInfo,绑定到列表控件中。

b:用Jquery读取WebService,循环输出数据。

c:用Jquery调用UpdateUserInfo,提交数据。

 

3:解决方案:

 

为了这次示例,把 秋色园QBlog 数据库也用上了。

 

二:项目实施步骤

 

1:到 下载中心下载V4.3版本,并配置好数据库链接--略过

2:引用CYQ.Data 数据框架--略过

 

3:添加WebService,并新增以下两个方法:

 

4:添加WebService的引用

 

5:界面调用:

a:html

<asp:GridView ID="gvUsers" runat="server"></asp:GridView>

b:Default.aspx

复制代码

    protected void Page_Load(object sender, EventArgs e)
    {
        localhost.Service s = new localhost.Service();
        MDataTable.LoadFromJson(s.GetUsersInfo()).Bind(gvUsers); ;
    }

复制代码

 

6:F5结果1:

 

7:与Jquery调用交互一:查询数据:

a:html

复制代码

<div id="jsonBody" title="显示用的Div一个"> </div>

同时body增加onload="loadData()",引发事件的脚本如下:

复制代码

b:调用结果:

 

8:与Jquery调用交互二:提交数据:

a:html:1个输入框,一个提交按钮

   <input id="txtJson" type="text" value=""  style="width: 300px" />
   <input type="button" value="提交更新" onclick="updateData()" />

b:jquery调用提交数据:

c:界面输入数据,并准备提交数据:

d:提交后的数据结果已更新如下:

 

三:总结与示例打包下载:

 

本能过篇的介绍,能掌握 CYQ.Data 数据框架在网络通讯JSON的应用。

 

从本节的示例代码中看,应用起来是相当的简洁方便的:

可以非常方便的从表格转化成JSON,同时能方便的从JSON还原为表格,表格还可以转化为List<T>的实体形式。

 

即使是基于WCF,Silverlight的通讯应用,也是非常方便的,大伙赶紧激情体验下。

 

最后是:示例打包下载地址:http://www.cyqdata.com/download/article-detail-28683

版权声明:本文原创发表于博客园,作者为路过秋天,原文链接:

http://www.cnblogs.com/cyq1162/archive/2011/03/31/2001036.html

相关文章
|
17天前
|
XML 存储 JSON
Twaver-HTML5基础学习(19)数据容器(2)_数据序列化_XML、Json
本文介绍了Twaver HTML5中的数据序列化,包括XML和JSON格式的序列化与反序列化方法。文章通过示例代码展示了如何将DataBox中的数据序列化为XML和JSON字符串,以及如何从这些字符串中反序列化数据,重建DataBox中的对象。此外,还提到了用户自定义属性的序列化注册方法。
33 1
|
1天前
|
JSON 前端开发 Java
【Spring】“请求“ 之传递 JSON 数据
【Spring】“请求“ 之传递 JSON 数据
11 2
|
14天前
|
存储 JSON Go
在Gin框架中优雅地处理HTTP请求体中的JSON数据
在Gin框架中优雅地处理HTTP请求体中的JSON数据
|
18天前
|
JSON JavaScript 数据格式
vue写入json数据到文本中+vue引入cdn的用法
vue写入json数据到文本中+vue引入cdn的用法
41 10
|
16天前
|
JSON 数据格式
Blob格式转json格式,拿到后端返回的json数据
文章介绍了如何将后端返回的Blob格式数据转换为JSON格式,并处理文件下载和错误提示。
29 0
Blob格式转json格式,拿到后端返回的json数据
|
1天前
|
JSON JavaScript API
商品详情数据接口解析返回的JSON数据(API接口整套流程)
商品详情数据接口解析返回的JSON数据是API接口使用中的一个重要环节,它涉及从发送请求到接收并处理响应的整个流程。以下是一个完整的API接口使用流程,包括如何解析返回的JSON数据:
|
3天前
|
XML JSON 前端开发
C#使用HttpClient四种请求数据格式:json、表单数据、文件上传、xml格式
C#使用HttpClient四种请求数据格式:json、表单数据、文件上传、xml格式
55 0
|
1月前
|
JSON JavaScript 前端开发
Haskell中的数据交换:通过http-conduit发送JSON请求
Haskell中的数据交换:通过http-conduit发送JSON请求
|
1月前
|
存储 JSON API
Python编程:解析HTTP请求返回的JSON数据
使用Python处理HTTP请求和解析JSON数据既直接又高效。`requests`库的简洁性和强大功能使得发送请求、接收和解析响应变得异常简单。以上步骤和示例提供了一个基础的框架,可以根据你的具体需求进行调整和扩展。通过合适的异常处理,你的代码将更加健壮和可靠,为用户提供更加流畅的体验。
83 0
|
2月前
|
存储 JSON API
淘系API接口(解析返回的json数据)商品详情数据解析助力开发者
——在成长的路上,我们都是同行者。这篇关于商品详情API接口的文章,希望能帮助到您。期待与您继续分享更多API接口的知识,请记得关注Anzexi58哦! 淘宝API接口(如淘宝开放平台提供的API)允许开发者获取淘宝商品的各种信息,包括商品详情。然而,需要注意的是,直接访问淘宝的商品数据API通常需要商家身份或开发者权限,并且需要遵循淘宝的API使用协议。
淘系API接口(解析返回的json数据)商品详情数据解析助力开发者

热门文章

最新文章