- 浏览: 207318 次
- 性别:
- 来自: 广州
文章分类
最新评论
-
hui963966800:
如何在上传完图片生成的<img>标签中把项目的域名 ...
CKEditor文件上传-多种方式-与ckfinder结合上传 -
zqb666kkk:
ajaxForm是 第三方插件的方法?
artDialog弹出新页面,保存后关闭弹出框并刷新父页面 -
wang_wenjing:
可以生效,多谢
js按比例缩放图片且垂直居中显示图片
准备工作
·Customer类
public class Customer
{
public int Unid { get; set; }
public string CustomerName { get; set; }
public string Memo { get; set; }
public string Other { get; set; }
}
·服务端处理(Json_1.ashx)
Customer customer = new Customer
{ Unid=1,CustomerName="宋江",Memo="天魁星",Other="黑三郎"};
string strJson = Newtonsoft.Json.JsonConvert.SerializeObject(customer);
context.Response.Write(strJson);
(一)Jquery. getJSON
方法定义:jQuery.getJSON( url, data, callback )
通过get请求得到json数据
·url用于提供json数据的地址页
·data(Optional)用于传送到服务器的键值对
·callback(Optional)回调函数,json数据请求成功后的处理函数
function(data, textStatus) {
// data是一个json对象
// textStatus will be "success"
this; // the options for this ajax request
}
(1)一个对象
$.getJSON(
"webdata/Json_1.ashx",
function(data) {
$("#divmessage").text(data.CustomerName);
}
);
向Json_1.ashx地址请求json数据,接收到数据后,在function中处理data数据。 这里的data的数据是一条记录,对应于一个customer实例,其中的数据以k/v形式存在。即以[object,object]数组形式存在。
{"Unid":1,"CustomerName":"宋江","Memo":"天魁星","Other":"黑三郎"}
所以在访问时,以data.Property来访问,下面以k/v循环来打印这条宋江的记录:
$.getJSON(
"webdata/Json_1.ashx",
function(data) {
var tt="";
$.each(data, function(k, v) {
tt += k + ":" + v + "<br/>";
})
$("#divmessage").html(tt);
});
结果:
Unid:1
CustomerName:宋江
Memo:天魁星
Other:黑三郎
(2)对象数组
Ashx文件(Json_1.ashx)修改:
List<Customer> _list = new List<Customer>();
Customer customer = new Customer
{ Unid=1,CustomerName="宋江",Memo="天魁星",Other="黑三郎"};
Customer customer2 = new Customer
{ Unid = 2, CustomerName = "吴用", Memo = "天机星", Other = "智多星" };
_list.Add(customer);
_list.Add(customer2);
string strJson = Newtonsoft.Json.JsonConvert.SerializeObject(_list);
它生成的json对象的字符串是:
[{"Unid":1,"CustomerName":"宋江","Memo":"天魁星","Other":"黑三郎"},
{"Unid":2,"CustomerName":"吴用","Memo":"天机星","Other":"智多星"}]
这里可以看到做为集合的json对象不是再一条记录,而是2条记录,是一个[[object,object]]数组:[object,object][object,object],而每个[object,object]表示一条记录,对应一个Customer,其实也是k/v的形式,而这个v就是一个Customer对象,而这个k是从0开始的索引。
这时,k值为0,1……
$.getJSON(
"webdata/Json_1.ashx",
function(data) {
$.each(data, function(k, v) {
alert(k);
});
});
列表json对象的方法:
$.getJSON(
"webdata/Json_1.ashx",
function(data) {
var tt = "";
$.each(data, function(k, v) {
$.each(v,function(kk, vv) {
tt += kk + ":" + vv + "<br/>";
});
});
$("#divmessage").html(tt);
});
结果:
Unid:1
CustomerName:宋江
Memo:天魁星
Other:黑三郎
Unid:2
CustomerName:吴用
Memo:天机星
Other:智多星
这里用了嵌套循环,第一个循环用于从List中遍历Customer对象,第二个循环用于从Customer对象中遍历Customer对象的属性,也就是k/v对。
发表评论
-
artDialog弹出新页面,保存后关闭弹出框并刷新父页面
2013-11-21 13:14 14734artDialog 弹出框插件,或者说是 ... -
在JSP里使用CKEditor和CKFinder
2013-08-09 11:40 387参考网址: ①http://www.cnblogs.com ... -
AJAX传数据到后台乱码的处理方法
2013-06-05 11:48 682数据传递之前,先对中文进行编码,如下: function ... -
AJAX提交的一个例子
2013-06-05 11:43 812前端 $(document).ready( ... -
js Select下拉框的只读属性设置
2013-05-08 18:05 4377因为Select下拉框只支持disabled属性,不支持r ... -
jQuery 表格Table插件汇总
2013-05-07 18:29 936本文搜集了大量 jQuery 表格插件,帮助 Web 设计 ... -
在线QQ悬浮插件-可根据后台动态传参QQ集合
2013-05-07 18:23 899最近做网站需要在线QQ悬浮功能,且QQ是通过从数据库获取的 ... -
jquery笔记1
2013-04-23 10:49 6701,复制内容并给id重新命名 var $marquee_ ... -
js按比例缩放图片且垂直居中显示图片
2013-04-17 15:26 2339<!DOCTYPE html PUBLIC " ... -
js几种常用表单验证控件
2013-03-29 18:28 1519提供doc附件文档,包括详细截图。 jqValid ... -
数据表格JqGrid自适应列宽度
2013-02-22 12:29 10643jqgrid 是一个比较好的前端数据表格,可 ... -
对ajax 异步同步 简单的了解
2013-01-31 17:58 681异步:async: false主线程 -> 服 ... -
利用jquery.validate异步验证用户名是否存在
2013-01-18 15:26 652经过上百次的试验试和 ... -
js校验
2013-01-17 21:06 0<script src="$imgUrl/js ... -
jquery.validate 扩展验证+异步验证
2013-01-17 18:00 0validate_expand.js //字符 ... -
数据表格jqGrid中的formatter 详细
2012-11-12 17:53 2838jqGrid中对列表cell属性格式化设置主要通过colMo ... -
jQuery验证控件jquery.validate.js使用说明+中文API【转】
2012-11-08 12:18 888官网地址:http://bassistance.de/jque ... -
js去掉字符串前后空格的五种方法
2012-11-02 12:15 638第一种:循环检查替换 //去掉左边的空白 funct ... -
Javascript打开新标签(非窗口)
2012-10-31 18:42 794我们知道,在<a>标签中通过设置target=&q ... -
CKEditor - 如何配置的config (工具栏)
2012-10-26 14:10 1071你到Bo-Blog论坛下载“CKEditor_3.0.1_超强 ...
相关推荐
使用JQuery实现从JSON对象转换为form提交数据
jQuery JSONView是一款非常实用的格式化和语法高亮JSON格式数据查看器jQuery插件。通过该插件可以将JSON格式的数据进行格式输出,便于阅读,同时它还支持各种数据类型的语法高亮,以及节点的收缩和展开等。
jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换...
http://blog.csdn.net/gxy1317/article/details/52407141
jQuery去读取json的数据非常非常方面而且大大提高了用户界面的可读性,提高了读取的效率,比读xml文件更加方面
jquery.json-viewer, 用于显示JSON数据的jQuery插件 jQuery浏览器JSON浏览器是一个jQuery插件,它可以通过将JSON对象转化为HTML来轻松显示JSON对象。功能:语法高亮显示在单击时折叠和展开子节点可以点击链接易于...
jquery.json-editor是一款json格式数据查看和编辑jQuery插件。该json数据查看插件支持语法高亮,支持支持数据块展开与收起,摒弃可以对json数据进行动态编辑。
Jquery中使用ajax,表单post提交数据 插入oracle数据库, html对应的文件中 将form 表单数据 转化为json 格式
使用jquery的方式通过ajax处理json格式的数据,几种实现方法都有,可直接运行
用jquery解析JSON数据的方法,作为jquery异步请求的传输对象,jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式,对于利用JSONObject等插件封装的JSON对象,与此亦是大同小异,这里...
jQuery中使用Ajax获取JSON格式数据示例代码,文档的形式了解json的使用!
今天小编就为大家分享一篇jQuery中ajax请求后台返回json数据并渲染HTML的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
最近被jquery折磨了一番,倒腾了一个jquery解析json的demo,本demo想实现从asp.net后台实例化dataSet或者dataTable数据集,将dataSet转换成json并返回给客户端,客户端用jquery getJson方法解析出来并显示在页面上。...
网页模板——jQuery查看json格式数据插件viewer.js
向页面展示json格式数据,针对需要展示的数据进行美话处理 之前上传了jquery-json数据美化,传错了,请下载这个
jquery获取json数据的并分页案例
jquery.json-viewer.js是一款查看json格式数据的jquery插件。它可以将混乱的json数据漂亮的方式展示在页面中,并支持节点的伸展和收缩和语法高亮等功能。
jQuery JSONView是一款非常实用的格式化和语法高亮JSON格式数据查看器jQuery插件。通过该插件可以将JSON格式的数据进行格式输出,便于阅读,同时它还支持各种数据类型的语法高亮,以及节点的收缩和展开等。
利用JQuery jsonp实现Ajax跨域请求 .Net 的*.handler 和 WebService,返回json数据
用jquery解析JSON数据的方法20110227用jquery解析JSON数据的方法20110227