Jquery 使用Ajax獲取后台返回的Json數據后,頁面處理

本文轉載自查看原文 2017-11-30 15:24 3171

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

$(function () {

$.ajax({

url: 'jsondata.ashx',

type: 'GET',

dataType: 'json',

timeout: 1000,

cache: false,

beforeSend: LoadFunction, //加載執行方法

error: erryFunction, //錯誤執行方法

success: succFunction //成功執行方法

})

function LoadFunction() {

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

}

function erryFunction() {

alert("error");

}

function succFunction(tt) {

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

//eval將字符串轉成對象數組

//var json = { "id": "10086", "uname": "zhangsan", "email": "zhangsan@qq.com" };

//json = eval(json);

//alert("===json:id=" + json.id + ",uname=" + json.uname + ",email=" + json.email);

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

$.each(json, function (index, item) {

//循環獲取數據

var name = json[index].Name;

var idnumber = json[index].IdNumber;

var sex = json[index].Sex;

$("#list").html($("#list").html() + "<br>" + name + " - " + idnumber + " - " + sex + "<br/>");

});

}

});

</script>

</head>

<body>

</ul>

</body>

</html>

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。