jqueryを使用してjson文字列を解析する方法

jqueryを使用してjson文字列を解析しようとしています。価値がない。jqueryを使用してjson文字列を解析する方法

var jsonString = '{"data":{"2G":[{"amount":"9","detail":"35 MB 2G Data , Post 35 MB you will be charged at 4p\/10kb","validity":"1 Day","talktime":"0"},{"amount":"16","detail":"90 MB 2G Data, Post 90 MB you will be charged at 4p\/10kb","validity":"2 Days","talktime":"0"},{"amount":"28","detail":"160 MB 2G Data, Post 160 MB you will be charged at 4p\/10kb","validity":"4 Days","talktime":"0"},{"amount":"54","detail":"300 MB 2G Data, Post 300 MB you will be charged at 4p\/10kb","validity":"7 Days","talktime":"0"},{"amount":"78","detail":"310 MB 2G Data , Post 310 MB you will be charged at 4p\/10kb","validity":"10 Days","talktime":"0"},{"amount":"95","detail":"550 MB 2G Data, Post 550 MB you will be charged at 4p\/10kb","validity":"14 Days","talktime":"0"},{"amount":"125","detail":"700 MB 2G Data, Post 700 MB you will be charged at 4p\/10kb","validity":"18 Days","talktime":"0"},{"amount":"155","detail":"850 MB 2G Data, Post 850 MB you will be charged at 4p\/10kb","validity":"21 Days","talktime":"0"},{"amount":"179","detail":"1 GB 2G Data, Post 1 GB you will be charged at 4p\/10kb","validity":"28 Days","talktime":"0"},{"amount":"198","detail":"Hero Recharge : Get 1.25 GB 2G Data assured benefit (upto 3 GB 2G Data with hero recharge)","validity":"28 Days","talktime":"0"},{"amount":"199","detail":"2 GB Unlimted 2G Data, Post 2 GB your speed will be reduced up to 40kbps","validity":"28 Days","talktime":"0"},{"amount":"249","detail":"3 GB Unlimted 2G Data, Post 3 GB your speed will be reduced up to 40kbps","validity":"28 Days","talktime":"0"},{"amount":"205","detail":"1 GB 2G Data Day + Extra 1 GB 2G Night Data (12AM to 6AM)","validity":"28 Days","talktime":"0"},{"amount":"305","detail":"2 GB 2G Data Day + Extra 2 GB 2G Night Data (12AM to 6AM)","validity":"28 Days","talktime":"0"},{"amount":"395","detail":"3 GB 2G Data Day + Extra 3 GB 2G Night Data (12AM to 6AM)","validity":"28 Days","talktime":"0"},{"amount":"57","detail":"190 MB 2G Data, Post 190 MB you will be charged at 4p\/10kb","validity":"28 Days","talktime":"0"},{"amount":"98","detail":"300 MB 2G Data, Post 300 MB you will be charged at 4p\/10kb","validity":"28 Days","talktime":"0"}]},"resCode":"200","resText":"SUCCESS"}'; 

var myData = JSON.parse(jsonString); 

$(document).ready(function() { 
    var $amountlist = $('#amount'); 
    var $detaillist = $('#detail'); 
    var $validitylist = $('#validity'); 
    var $talktimelist = $('#talktime'); 

    $.each(myData, function() { 
     $('<li>' + data.2G.amount + '</li>').appendTo($amountlist); 
     $('<li>' + data.2G.detail + '</li>').appendTo($detaillist); 
     $('<li>' + data.2G.validity + '</li>').appendTo($validitylist); 
     $('<li>' + data.2G.talktime + '</li>').appendTo($talktimelist); 
    }); 
});

Here jsfiddle

出典

2017-02-20 Venkatesh Panabaka

http://stackoverflow.com/questions/5071115/parse-json-string –

-1

あなたはdotで2Gにアクセスすることはできません。 data["2G"]を使用してこのプロパティにアクセスできます。

var jsonString = '{"data":{"2G":[{"amount":"9","detail":"35 MB 2G Data , Post 35 MB you will be charged at 4p\/10kb","validity":"1 Day","talktime":"0"},{"amount":"16","detail":"90 MB 2G Data, Post 90 MB you will be charged at 4p\/10kb","validity":"2 Days","talktime":"0"},{"amount":"28","detail":"160 MB 2G Data, Post 160 MB you will be charged at 4p\/10kb","validity":"4 Days","talktime":"0"},{"amount":"54","detail":"300 MB 2G Data, Post 300 MB you will be charged at 4p\/10kb","validity":"7 Days","talktime":"0"},{"amount":"78","detail":"310 MB 2G Data , Post 310 MB you will be charged at 4p\/10kb","validity":"10 Days","talktime":"0"},{"amount":"95","detail":"550 MB 2G Data, Post 550 MB you will be charged at 4p\/10kb","validity":"14 Days","talktime":"0"},{"amount":"125","detail":"700 MB 2G Data, Post 700 MB you will be charged at 4p\/10kb","validity":"18 Days","talktime":"0"},{"amount":"155","detail":"850 MB 2G Data, Post 850 MB you will be charged at 4p\/10kb","validity":"21 Days","talktime":"0"},{"amount":"179","detail":"1 GB 2G Data, Post 1 GB you will be charged at 4p\/10kb","validity":"28 Days","talktime":"0"},{"amount":"198","detail":"Hero Recharge : Get 1.25 GB 2G Data assured benefit (upto 3 GB 2G Data with hero recharge)","validity":"28 Days","talktime":"0"},{"amount":"199","detail":"2 GB Unlimted 2G Data, Post 2 GB your speed will be reduced up to 40kbps","validity":"28 Days","talktime":"0"},{"amount":"249","detail":"3 GB Unlimted 2G Data, Post 3 GB your speed will be reduced up to 40kbps","validity":"28 Days","talktime":"0"},{"amount":"205","detail":"1 GB 2G Data Day + Extra 1 GB 2G Night Data (12AM to 6AM)","validity":"28 Days","talktime":"0"},{"amount":"305","detail":"2 GB 2G Data Day + Extra 2 GB 2G Night Data (12AM to 6AM)","validity":"28 Days","talktime":"0"},{"amount":"395","detail":"3 GB 2G Data Day + Extra 3 GB 2G Night Data (12AM to 6AM)","validity":"28 Days","talktime":"0"},{"amount":"57","detail":"190 MB 2G Data, Post 190 MB you will be charged at 4p\/10kb","validity":"28 Days","talktime":"0"},{"amount":"98","detail":"300 MB 2G Data, Post 300 MB you will be charged at 4p\/10kb","validity":"28 Days","talktime":"0"}]},"resCode":"200","resText":"SUCCESS"}';

また、あなたはあなたが正しいノードを反復されませんでした。この

$.each(myData.data["2G"], function (i,data) { 
    alert(data.amount); 
    alert(data.detail); 
    alert(data.validity); 
    alert(data.talktime); 
});

出典

2017-02-20 06:21:51 Mairaj

'2G'は有効なプロパティです。しかし、もしあなたがそれにアクセスしたいのであれば 'data ['2G']'と書く必要があります。 –

しかし、 'data.2G'のようにアクセスできません。 – Mairaj

ドット表記を使って '2G'にアクセスすることはできませんが、これは有効なプロパティ名ではないことを意味するのではなく、さらに' data ['2G'] 'を使ってアクセスできます。先頭の数字はプロパティ名では完全に問題ありませんが、ドット表記では無効です。 –

のようにコーディングする正しいノードの変更を反復されていません。私はこのコードを理解してみてくださいdefferent例で編集しています

var jsonString = '{"data":{"2G":[{"amount":"9","detail":"35 MB 2G Data , Post 35 MB you will be charged at 4p\/10kb","validity":"1 Day","talktime":"0"},{"amount":"16","detail":"90 MB 2G Data, Post 90 MB you will be charged at 4p\/10kb","validity":"2 Days","talktime":"0"},{"amount":"28","detail":"160 MB 2G Data, Post 160 MB you will be charged at 4p\/10kb","validity":"4 Days","talktime":"0"},{"amount":"54","detail":"300 MB 2G Data, Post 300 MB you will be charged at 4p\/10kb","validity":"7 Days","talktime":"0"},{"amount":"78","detail":"310 MB 2G Data , Post 310 MB you will be charged at 4p\/10kb","validity":"10 Days","talktime":"0"},{"amount":"95","detail":"550 MB 2G Data, Post 550 MB you will be charged at 4p\/10kb","validity":"14 Days","talktime":"0"},{"amount":"125","detail":"700 MB 2G Data, Post 700 MB you will be charged at 4p\/10kb","validity":"18 Days","talktime":"0"},{"amount":"155","detail":"850 MB 2G Data, Post 850 MB you will be charged at 4p\/10kb","validity":"21 Days","talktime":"0"},{"amount":"179","detail":"1 GB 2G Data, Post 1 GB you will be charged at 4p\/10kb","validity":"28 Days","talktime":"0"},{"amount":"198","detail":"Hero Recharge : Get 1.25 GB 2G Data assured benefit (upto 3 GB 2G Data with hero recharge)","validity":"28 Days","talktime":"0"},{"amount":"199","detail":"2 GB Unlimted 2G Data, Post 2 GB your speed will be reduced up to 40kbps","validity":"28 Days","talktime":"0"},{"amount":"249","detail":"3 GB Unlimted 2G Data, Post 3 GB your speed will be reduced up to 40kbps","validity":"28 Days","talktime":"0"},{"amount":"205","detail":"1 GB 2G Data Day + Extra 1 GB 2G Night Data (12AM to 6AM)","validity":"28 Days","talktime":"0"},{"amount":"305","detail":"2 GB 2G Data Day + Extra 2 GB 2G Night Data (12AM to 6AM)","validity":"28 Days","talktime":"0"},{"amount":"395","detail":"3 GB 2G Data Day + Extra 3 GB 2G Night Data (12AM to 6AM)","validity":"28 Days","talktime":"0"},{"amount":"57","detail":"190 MB 2G Data, Post 190 MB you will be charged at 4p\/10kb","validity":"28 Days","talktime":"0"},{"amount":"98","detail":"300 MB 2G Data, Post 300 MB you will be charged at 4p\/10kb","validity":"28 Days","talktime":"0"}]},"resCode":"200","resText":"SUCCESS"}'; 

$(document).ready(function() { 
    var $amountlist = $('#amount'); 
    var $detaillist = $('#detail'); 
    var $validitylist = $('#validity'); 
    var $talktimelist = $('#talktime'); 
    var myData = $.parseJSON(jsonString);  
    console.log(myData.data["2G"]); 
    $.each(myData.data["2G"], function(i,dataElem) { 
     $('<li>' + dataElem.amount + '</li>').appendTo($amountlist); 
     $('<li>' + dataElem.detail + '</li>').appendTo($detaillist); 
     $('<li>' + dataElem.validity + '</li>').appendTo($validitylist); 
     $('<li>' + dataElem.talktime + '</li>').appendTo($talktimelist); 
    }); 
});

http://jsfiddle.net/NJMyD/5183/

出典

2017-02-20 06:23:50

テーブル形式が必要です。あなたはテーブルとしてそれを作れますか？ –

少し質問していませんか？それはあなたの質問ではありません。あなたはそれを自分で行うことができます。 –

：これを試してみてください。

var json = '{"Users":[{"Name":"user999","Value":"test"},{"Name":"test2","Value":"test"}]}'; 

var json_parsed = $.parseJSON(json); 

for (var u = 0; u < json_parsed.Users.length; u++){ 
    var user = json_parsed.Users[u]; 
    $('body').append($('<p>').html('User: '+user.Name+'<br />Value: '+user.Value)); 
}

このようにして、楽しみながら解析することができます。

出典

2017-02-20 06:24:47

は、あなたが適切に反復されませんでした

出典

2017-02-20 06:29:21

[ '2G'] myData.data上で、それを反復処理する必要があります。コードの下部分に変更

$(document).ready(function() { 
    var loop = myData.data["2G"]; 
    for(var i = 0; i < loop.length; i ++) { 
     $("#amount").append('<li>' + loop[i].amount + '</li>'); 
     $("#detail").append('<li>' + loop[i].detail + '</li>'); 
     $("#validity").append('<li>' + loop[i].validity + '</li>'); 
     $("#talktime").append('<li>' + loop[i].talktime + '</li>'); 
    } 
});

出典

2017-02-20 06:35:57

$(document).ready(function() { 
var $amountlist = $('#amount'); 
var $detaillist = $('#detail'); 
var $validitylist = $('#validity'); 
var $talktimelist = $('#talktime'); 

$.each(myData.data, function(key,value) { 
     $.each(value,function(i,val){ 

    $('<li>' + val.amount + '</li>').appendTo($amountlist); 
    $('<li>' + val.detail + '</li>').appendTo($detaillist); 
    $('<li>' + val.validity + '</li>').appendTo($validitylist); 
    $('<li>' + val.talktime + '</li>').appendTo($talktimelist); 
    }) 


});

}）。

出典

2017-02-20 06:37:06

jqueryを使用してjson文字列を解析する方法

答えて

関連する問題