jQuery网络请求及JSON数据处理

来源：互联网发布：flac转wav软件 mac 编辑：程序博客网时间：2024/05/02 06:01

0、JSON例子

{    "data": {        "arrays": [            {                "item0": null,                "item1": "",                "item2": "1",                "obj1": {                    "item1": "1",                    "item2": false                },                "item3": "1"            },            {                "item0": null,                "item1": "",                "item2": "1",                "obj1": {                    "item1": "12",                    "item2": false                },                "item3": "2"            }        ]    },    "message": "success",    "statusCode": 1}

1、ajax()方式

function requestData(id) {var params = {"id": id};$.ajax({type: "post",url: "${contextPath}/...",dataType: "json",data: params,cache: false,timeout: 10 * 1000,success: function(data) {$("#元素ID").attr("value", data.data.arrays[0].item0);$("#父元素ID #子元素ID").val(data.data.arrays[0].obj1.item1);},error: function(XMLHttpRequest, textStatus, errorThrown) {}});};

2.$.get()

function requestData(id) {var url: "${contextPath}/...";var params = {"id": id};$.get(url, params,function(data) {$("#元素ID").attr("value", data.data.arrays[0].item0);$("#父元素ID #子元素ID").val(data.data.arrays[0].obj1.item1);}, "json");};

3.$.post()

function requestData(id) {var url: "${contextPath}/...";var params = {"id": id};$.post(url, params,function(data) {$("#元素ID").attr("value", data.data.arrays[0].item0);$("#父元素ID #子元素ID").val(data.data.arrays[0].obj1.item1);}, "json");};

0 0