日本免费中文字幕在线视频,亚洲欧美在线看h,天堂网影音先锋

當前位置：首頁 > 范文|應用文 > IT技術專欄 > 網(wǎng)絡編程

jQuery Ajax和getJSON獲取后臺普通json數(shù)據(jù)和層級json數(shù)據(jù)用法分析

來源：易賢網(wǎng) 閱讀：1325 次日期：2016-06-18 14:05:05

溫馨提示：易賢網(wǎng)小編為您整理了“jQuery Ajax和getJSON獲取后臺普通json數(shù)據(jù)和層級json數(shù)據(jù)用法分析”,方便廣大網(wǎng)友查閱！

本文實例講述了jQuery Ajax和getJSON獲取后臺普通json數(shù)據(jù)和層級json數(shù)據(jù)用法。分享給大家供大家參考，具體如下：

運行效果截圖如下：

代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Ajax和getJSON獲取后臺普通Json數(shù)據(jù)和層級Json數(shù)據(jù)解析</title>

$(function () {

//方式一 Ajax方式獲取Json數(shù)據(jù)

$.ajax({

url: 'jsondata.ashx?type=1',

type: 'GET',

dataType: 'json',

timeout: 1000,

cache: false,

beforeSend: LoadFunction, //加載執(zhí)行方法

error: erryFunction, //錯誤執(zhí)行方法

success: succFunction //成功執(zhí)行方法

})

function LoadFunction() {

$("#list").html('加載中...');

}

function erryFunction() {

alert("error");

}

function succFunction(tt) {

var json = eval(tt); //數(shù)組

var tt = "";

$.each(json, function (index) {

//循環(huán)獲取數(shù)據(jù)

var Id = json[index].id;

var Name = json[index].name;

var Age = json[index].age;

var Score = json[index].score;

tt += Id + "___" + Name + "___" + Age + "___" + Score + "<br>";

});

$("#list").html('');

$("#list").html(tt);

}

//方式二 Json方式獲取數(shù)據(jù)

$.getJSON(

"jsondata.ashx?type=1",

function (data) {

//循環(huán)獲取數(shù)據(jù)

var tt = "";

$.each(data, function (k, v) {

$.each(v, function (kk, vv) {

tt += kk + ":" + vv + "___";

});

tt += "<br/>";

});

$("#list2").html(tt);

}

);

//方式三 Ajax方式獲取Json層級數(shù)據(jù)

$.ajax({

url: 'jsondata.ashx?type=3',

type: 'GET',

dataType: 'json',

timeout: 1000,

cache: false,

beforeSend: LoadFunction1, //加載執(zhí)行方法

error: erryFunction1, //錯誤執(zhí)行方法

success: succFunction1 //成功執(zhí)行方法

})

function LoadFunction1() {

$("#list3").html('加載中...');

}

function erryFunction1() {

alert("error");

}

function succFunction1(tt) {

var json = eval(tt); //數(shù)組

var tt = "";

$.each(json, function (index) {

//循環(huán)獲取數(shù)據(jù)

var Id = json[index].id;

var Name = json[index].name;

var Age = json[index].age;

var Score = json[index].score;

tt += Id + "___" + Name + "___" + Age + "___";

$.each(Score, function (k, v) {

tt += k + ":" + v + "___";

})

tt += "<br/>";

});

$("#list3").html('');

$("#list3").html(tt);

}

//方式四 Json方式獲取層級數(shù)據(jù)

$.getJSON(

"jsondata.ashx?type=3",

function (json) {

//循環(huán)獲取數(shù)據(jù)

var tt = "";

$.each(json, function (index) {

//循環(huán)獲取數(shù)據(jù)

var Id = json[index].id;

var Name = json[index].name;

var Age = json[index].age;

var Score = json[index].score;

tt += Id + "___" + Name + "___" + Age + "___";

$.each(Score, function (k, v) {

tt += k + ":" + v + "___";

})

tt += "<br/>";

});

$("#list4").html('');

$("#list4").html(tt);

}

);

});

</script>

</head>

<body>

</ul>

____________________________________

</ul>

____________________________________

</ul>

____________________________________

</ul>

</body>

</html>

代碼如下:

<%@ WebHandler Language="C#" Class="jsondata" %>

using System;

using System.Web;

using System.Web.Script.Serialization;

using System.IO;

using System.Text;

using System.Collections;

using System.Collections.Generic;

using System.Data;

using Newtonsoft.Json;

public class jsondata : IHttpHandler {

public void ProcessRequest(HttpContext context)

{

context.Response.ContentType = "text/plain";

context.Response.Cache.SetNoStore();

string type = context.Request["type"];

if (type=="1") //普通數(shù)據(jù)

{

List<Dictionary<String, String>> aa = new List<Dictionary<string, string>>();

for (int i = 0; i < 6; i++)

{

Dictionary<String, String> aaa = new Dictionary<string, string>();

aaa.Add("id", "no" + i);

aaa.Add("name", "張三" + i);

aaa.Add("age", "21");

aaa.Add("score", "1001");

aa.Add(aaa);

}

string json = JsonConvert.SerializeObject(aa, Formatting.Indented);

context.Response.Write(json);

}

if (type == "3") //層級數(shù)據(jù)

{

List<Student> list = new List<Student>();

for (int i = 0; i < 6; i++)

{

Student a = new Student();

a.id = "no" + i;

a.name = "張三" + i;

a.age = "21";

Dictionary<string, string> dic = new Dictionary<string, string>();

dic.Add("語文","80");

dic.Add("數(shù)學", "81");

dic.Add("英語", "83");

dic.Add("生物", "89");

dic.Add("化學", "90");

dic.Add("物理", "95");

a.score = dic;

list.Add(a);

}

string json = JsonConvert.SerializeObject(list, Formatting.Indented);

context.Response.Write(json);

}

public struct Student

{

public string id;

public string name;

public string age;

public Dictionary<string,string> score;

}

public bool IsReusable

{

get

{

return false;

}

希望本文所述對大家jQuery程序設計有所幫助。

更多信息請查看網(wǎng)絡編程

上一篇：淺談JavaScript函數(shù)的四種存在形態(tài)

下一篇：關于session和cookie的簡單理解

易賢網(wǎng)手機網(wǎng)站地址：jQuery Ajax和getJSON獲取后臺普通json數(shù)據(jù)和層級json數(shù)據(jù)用法分析

由于各方面情況的不斷調(diào)整與變化，易賢網(wǎng)提供的所有考試信息和咨詢回復僅供參考，敬請考生以權威部門公布的正式信息和咨詢?yōu)闇剩?/div>

相關閱讀網(wǎng)絡編程

Shell中如何刪除文本比較長的行的實現(xiàn)方法10月30日

vue.js語法及常用指令10月30日

python 讀寫中文json的實例詳解10月30日

Objective-C Json 實例詳解10月30日

bootstrap table sum總數(shù)量統(tǒng)計實現(xiàn)方法10月30日

python生成二維碼的實例詳解10月30日

Python批量更改文件名的實現(xiàn)方法10月30日

解決出現(xiàn)Incorrect integer value的問題10月30日

jQuery實現(xiàn)切換隱藏與顯示同時切換圖標功能10月30日

docker python api 安裝配置的詳解10月30日

javascript按鈕禁用和啟用的效果實例代碼10月30日

vue.js todolist實現(xiàn)代碼10月30日

vue.js 父向子組件傳參的實例代碼10月30日

apache 開啟重定向 rewrite的實現(xiàn)方法10月30日

Vue.js劃分組件的方法10月30日

python logging日志模塊的詳解10月30日

vue中的scope使用詳解10月30日

docker cgroup 資源監(jiān)控的詳解10月30日

使用Android Studio 開發(fā)自己的SDK教程10月23日

linux系統(tǒng)下MongoDB單節(jié)點安裝教程10月23日

易賢網(wǎng)移動網(wǎng)站

2025國考·省考課程試聽報名

報班類型
姓名
手機號
驗證碼