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

當(dāng)前位置：首頁(yè) > 范文|應(yīng)用文 > IT技術(shù)專欄 > 網(wǎng)絡(luò)編程

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

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

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

運(yùn)行效果截圖如下：

代碼如下:

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

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

<head>

<title>Ajax和getJSON獲取后臺(tái)普通Json數(shù)據(jù)和層級(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, //錯(cuò)誤執(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層級(jí)數(shù)據(jù)

$.ajax({

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

type: 'GET',

dataType: 'json',

timeout: 1000,

cache: false,

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

error: erryFunction1, //錯(cuò)誤執(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方式獲取層級(jí)數(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") //層級(jí)數(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("語(yǔ)文","80");

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

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

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

dic.Add("化學(xué)", "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;

}

希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。

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

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

下一篇：關(guān)于session和cookie的簡(jiǎn)單理解

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

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

相關(guān)閱讀網(wǎng)絡(luò)編程

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

vue.js語(yǔ)法及常用指令10月30日

python 讀寫中文json的實(shí)例詳解10月30日

Objective-C Json 實(shí)例詳解10月30日

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

python生成二維碼的實(shí)例詳解10月30日

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2026上岸·考公考編培訓(xùn)報(bào)班

報(bào)班類型
姓名
手機(jī)號(hào)
驗(yàn)證碼

茄子在线看片免费人成视频,午夜福利精品a在线观看,国产高清自产拍在线观看,久久综合久久狠狠综合