JQuery加载JSON数据
2011-12-22 09:53
197 查看
// JScript 文件
$(document).ready(function(){
$("#divJson").html("<font color=green>数据加载中。。。</font>");
$.getJSON("MyAjax.aspx",function(json){
var str="";
var jsonList =json.list;
//方法一:
/*$.each(jsonList,function(i){
str+="ID:"+jsonList[i].Region+" "+jsonList[i].Region_sc+"<br>";
})*/
//方法二:
$.each(jsonList,function(i,n){
str+="ID:"+n.Region+" "+n.Region_sc+"<br>";
})
$("#divJson").html(str);
$("#divPage").html("共有记录数:"+json.totalRecord);
});
})
Ajax.aspx
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
Response.Clear()
Response.ContentType = "application/json"
Dim dsJson As DataSet = GetSqlDataSet()
Dim list As New List(Of RegionModel)
For i As Integer = 0 To dsJson.Tables(0).Rows.Count - 1
Dim model As New RegionModel()
model.Region = dsJson.Tables(0).Rows(i)("Region")
model.Region_sc = dsJson.Tables(0).Rows(i)("Region_sc")
list.Add(model)
Next
Dim str As String = Newtonsoft.Json.JavaScriptConvert.SerializeObject(list)
Dim json As String = "{""list"":" & str & ",""totalRecord"":" & list.Count & "}"
Response.Write(json)
Response.End()
End Sub
//json数据格式
{"list":[{"Region":"PCC001","Region_sc":"华中"},
{"Region":"FJ0001","Region_sc":"福建"},
{"Region":"EX0001","Region_sc":"出口"},
{"Region":"GZ0001","Region_sc":"广州"},{"Region":"HK0001","Region_sc":"香港"},
{"Region":"KQ","Region_sc":"跨区"},{"Region":"L20056","Region_sc":"珠海/中山"},
{"Region":"MC0001","Region_sc":"澳门"},{"Region":"PEC001","Region_sc":"华东"},
{"Region":"PNC001","Region_sc":"华北"},{"Region":"PSC001","Region_sc":"华南"},
{"Region":"PWC001","Region_sc":"华西"},{"Region":"SZ0001","Region_sc":"深圳"}],"totalRecord":13}
$(document).ready(function(){
$("#divJson").html("<font color=green>数据加载中。。。</font>");
$.getJSON("MyAjax.aspx",function(json){
var str="";
var jsonList =json.list;
//方法一:
/*$.each(jsonList,function(i){
str+="ID:"+jsonList[i].Region+" "+jsonList[i].Region_sc+"<br>";
})*/
//方法二:
$.each(jsonList,function(i,n){
str+="ID:"+n.Region+" "+n.Region_sc+"<br>";
})
$("#divJson").html(str);
$("#divPage").html("共有记录数:"+json.totalRecord);
});
})
Ajax.aspx
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
Response.Clear()
Response.ContentType = "application/json"
Dim dsJson As DataSet = GetSqlDataSet()
Dim list As New List(Of RegionModel)
For i As Integer = 0 To dsJson.Tables(0).Rows.Count - 1
Dim model As New RegionModel()
model.Region = dsJson.Tables(0).Rows(i)("Region")
model.Region_sc = dsJson.Tables(0).Rows(i)("Region_sc")
list.Add(model)
Next
Dim str As String = Newtonsoft.Json.JavaScriptConvert.SerializeObject(list)
Dim json As String = "{""list"":" & str & ",""totalRecord"":" & list.Count & "}"
Response.Write(json)
Response.End()
End Sub
//json数据格式
{"list":[{"Region":"PCC001","Region_sc":"华中"},
{"Region":"FJ0001","Region_sc":"福建"},
{"Region":"EX0001","Region_sc":"出口"},
{"Region":"GZ0001","Region_sc":"广州"},{"Region":"HK0001","Region_sc":"香港"},
{"Region":"KQ","Region_sc":"跨区"},{"Region":"L20056","Region_sc":"珠海/中山"},
{"Region":"MC0001","Region_sc":"澳门"},{"Region":"PEC001","Region_sc":"华东"},
{"Region":"PNC001","Region_sc":"华北"},{"Region":"PSC001","Region_sc":"华南"},
{"Region":"PWC001","Region_sc":"华西"},{"Region":"SZ0001","Region_sc":"深圳"}],"totalRecord":13}
相关文章推荐
- 扩展JQUERY 表单加载JSON数据
- 【jQuery】使用getJSON()方法异步加载JSON格式数据
- jquery使用EasyUI Tree异步加载JSON数据(生成树)
- jquery异步加载json格式的数据
- jquery easyui tree动态加载-服务端struts返回json数据
- IE9.0或者360下js(JavaScript、jQuery)不能正确执行(加载),按F12后执行正常;Firefox下ajax的success返回数据data(json、string)无法获取
- 借牛人代码一用 , 加载数据: 结合Jquery插件获取Json数据----------jTemplates
- 扩展了一棵jquery的树插件SimpleTree,加上了json格式数据异步加载能力
- JQuery加载json数据
- [转]IE9.0或者360下js(JavaScript、jQuery)不能正确执行(加载),按F12后执行正常;Firefox下ajax的success返回数据data(json、string)无法获取
- JQuery和原生JS跨域加载JSON数据或HTML。
- IE9.0或者360下js(JavaScript、jQuery)不能正确执行(加载),按F12后执行正常;Firefox下ajax的success返回数据data(json、string)无法获取
- UITableView 分页显示、加载更多,数据源远程数据,解析JSON,以及iOS☞Category
- bootstrap,jquery利用后台传入的json数据创建动态表格
- jquery通过struts2请求,返回json数据,在jsp页面形成二级联动下拉列表
- .NET Framework 3.5中序列化成JSON数据及JSON数据的反序列化,以及jQuery的调用JSON
- jquery-seat-charts 使用-自定义座位号 及 重新加载数据
- springMVC框架下JQuery传递并解析Json数据
- EasyUI combobox 加载JSON数据
- jQuery向后台传入json格式数据的方法