如何使用javascript从json对象获取json的值

时间:2018-11-01 06:30:17

标签: javascript json

如何从jsonstring中获取值。我将json字符串化为

[{"id":0,"date":"05-11-2018","total":0},{"id":1,"date":"06-11-2018","total":0},{"id":2,"date":"07-11-2018","total":0},{"id":3,"date":"08-11-2018","total":0},{"id":4,"date":"09-11-2018","total":0},{"id":5,"date":"10-11-2018","total":0},{"id":6,"date":"11-11-2018","total":0}]

如何从此javascript对象字符串获取第二个日期06-11-2018

var counter = 0;
var jsonObj;
var stringify, obj;

function myFunction(con) {
  counter = con + counter;
  $.ajax({
    url: 'http://localhost/driverapp/www/c11/week.php',
    type: 'POST',
    dataType: "json",
    data: {
      counter: counter
    },
    success: function(response) {
      jsonObj = JSON.stringify(response);
    }
  });
  alert(jsonObj);
}

5 个答案:

答案 0 :(得分:1)

    var json=[{"id":0,"date":"05-11-2018","total":0},{"id":1,"date":"06-11-2018","total":0},{"id":2,"date":"07-11-2018","total":0},{"id":3,"date":"08-11-2018","total":0},{"id":4,"date":"09-11-2018","total":0},{"id":5,"date":"10-11-2018","total":0},{"id":6,"date":"11-11-2018","total":0}];

for(var i = 0; i < json.length; i++) {
    var obj = json[i];
    console.log(obj.date);
}

答案 1 :(得分:0)

您可以使用键值解析json对象。 从这个对象中获取价值

for(var i in response ) {
    // to print only date from every object
    console.log(response[i].date)
}

您的响应也是一个json数组,因此可以通过

获取第二个对象
response[1].date

答案 2 :(得分:0)

在AJAX成功后尝试下面的代码段。

// after AJAX sucess you will get JSON in string format

// parse STRING -> JSON object

var response = '[{"id":0,"date":"05-11-2018","total":0},{"id":1,"date":"06-11-2018","total":0},{"id":2,"date":"07-11-2018","total":0},{"id":3,"date":"08-11-2018","total":0},{"id":4,"date":"09-11-2018","total":0},{"id":5,"date":"10-11-2018","total":0},{"id":6,"date":"11-11-2018","total":0}]';

var json = JSON.parse(response);

// loop JSON object to get date

json.forEach(function(obj){ 
   console.log('date : ', obj.date );
});

答案 3 :(得分:0)

使用.filter()

var x = [{"id":0,"date":"05-11-2018","total":0}, {"id":1,"date":"06-11-2018","total":0},{"id":2,"date":"07-11-2018","total":0},{"id":3,"date":"08-11-2018","total":0},{"id":4,"date":"09-11-2018","total":0},{"id":5,"date":"10-11-2018","total":0},{"id":6,"date":"11-11-2018","total":0}];
 function getDate(num){
     var n=num;
     var d=x.filter((el,i)=>{
          if ( i==n)
          return el;
     });
     return d[0].date;
 };
 console.log(getDate(2)); // 07-11-2018

答案 4 :(得分:0)

下面的代码将迭代json中的所有项目

    var json=[{"id":0,"date":"05-11-2018","total":0},{"id":1,"date":"06-11-2018","total":0},{"id":2,"date":"07-11-2018","total":0},{"id":3,"date":"08-11-2018","total":0},{"id":4,"date":"09-11-2018","total":0},{"id":5,"date":"10-11-2018","total":0},{"id":6,"date":"11-11-2018","total":0}];

json.forEach(function(item){
    console.log(item.id + ' ' + item.date + ' ' + item.total );
});