您的位置：首页 > Web前端 > JavaScript

[转载]json的使用 前后台统一以对象的方式编程

2011-12-22 17:59 344 查看

json的使用 前后台统一以对象的方式编程

前台插件的介绍

jquery.json 插件{jQuery插件}

主要方法:

$.toJSON(json对象): 将json对象转化为字符串

$.evalJSON(str): 将字符串转化为json对象

插件下载: jquery.json-2.3.min.js

后台工具的介绍

json.net

主要方法:

将对象转为json字符串:

?
将json格式字符串转为对象:

?
下载: Newtonsoft.Json.zip

前台json的读取

方式jQuery:


jQuery.getJSON(url, [data], [callback]) 返回值:XMLHttpRequest

参数
[b]urlString[/b]
发送请求地址。

[b]data (可选)Map[/b]
待发送 Key/value 参数。

[b]callback (可选)Function[/b]
载入成功时回调函数。

示例:

1. 两个参数

?
2. 3个参数

?
{ data: $.toJSON(_json) } : 可以是字符串, 也可以是json数据

$.toJSON: 是 jquery.json 插件提供的方法, 将json对象转换为字符串



后台json的处理:

需要用到 Json.net

用户类:

?
将对象转为json字符串:

?
将json格式字符串转为对象:

?

整项目简单示例:

1. 主页面

?




点击"获取Json” 从Json.aspx 获取User对象

点击”修改”将第一行修改后的对象 传到SetJson.aspx中, 然后恢复对象接着返回恢复的对象 在页面第二行数据中显示

2. Json.aspx

?

3. SetJson.aspx

?
项目源码下载: Json.zip
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航