使用Javascript(AJAX)从JSON中选择数据

时间:2018-12-18 04:07:33

标签: javascript json ajax

如何从JSON数据(从PHP URL)中获取选择内容,并将其移动到其他变量中,然后使数据成为过滤版本。我想将数据推送到由JSON键上的“ kabupaten”和“ bulan”选择的变量中

JSON数据示例:

 [  
   {  
      "x":"10DesemberASMAT",
      "kabupaten":"ASMAT",
      "tanggal":"10",
      "bulan":"Desember",
      "device_count":"16725"
   },
   {  
      "x":"10DesemberBOVEN DIGOEL",
      "kabupaten":"BOVEN DIGOEL",
      "tanggal":"10",
      "bulan":"Desember",
      "device_count":"29985"
   },
   {  
      "x":"10DesemberMAPPI",
      "kabupaten":"MAPPI",
      "tanggal":"10",
      "bulan":"Desember",
      "device_count":"19193"
   },
   {  
      "x":"10DesemberMERAUKE",
      "kabupaten":"MERAUKE",
      "tanggal":"10",
      "bulan":"Desember",
      "device_count":"150717"
   },
   {  
      "x":"10DesemberMIMIKA",
      "kabupaten":"MIMIKA",
      "tanggal":"10",
      "bulan":"Desember",
      "device_count":"213536"
   },
   {  
      "x":"10DesemberNDUGA",
      "kabupaten":"NDUGA",
      "tanggal":"10",
      "bulan":"Desember",
      "device_count":"2879"
   },
   {  
      "x":"10DesemberPEGUNUNGAN BINTANG",
      "kabupaten":"PEGUNUNGAN BINTANG",
      "tanggal":"10",
      "bulan":"Desember",
      "device_count":"8474"
   },
   {  
      "x":"10DesemberPUNCAK",
      "kabupaten":"PUNCAK",
      "tanggal":"10",
      "bulan":"Desember",
      "device_count":"5652"
   },
   {  
      "x":"10DesemberYAHUKIMO",
      "kabupaten":"YAHUKIMO",
      "tanggal":"10",
      "bulan":"Desember",
      "device_count":"15315"
   },
   {  
      "x":"10NovemberASMAT",
      "kabupaten":"ASMAT",
      "tanggal":"10",
      "bulan":"November",
      "device_count":"18731"
   },
   {  
      "x":"10NovemberBOVEN DIGOEL",
      "kabupaten":"BOVEN DIGOEL",
      "tanggal":"10",
      "bulan":"November",
      "device_count":"29716"
   },
   {  
      "x":"10NovemberMAPPI",
      "kabupaten":"MAPPI",
      "tanggal":"10",
      "bulan":"November",
      "device_count":"18801"
   },
   {  
      "x":"10NovemberMERAUKE",
      "kabupaten":"MERAUKE",
      "tanggal":"10",
      "bulan":"November",
      "device_count":"151950"
   },
   {  
      "x":"10NovemberMIMIKA",
      "kabupaten":"MIMIKA",
      "tanggal":"10",
      "bulan":"November",
      "device_count":"213225"
   },
   {  
      "x":"10NovemberNDUGA",
      "kabupaten":"NDUGA",
      "tanggal":"10",
      "bulan":"November",
      "device_count":"3808"
   },
   {  
      "x":"10NovemberPEGUNUNGAN BINTANG",
      "kabupaten":"PEGUNUNGAN BINTANG",
      "tanggal":"10",
      "bulan":"November",
      "device_count":"7438"
   },
   {  
      "x":"10NovemberPUNCAK",
      "kabupaten":"PUNCAK",
      "tanggal":"10",
      "bulan":"November",
      "device_count":"5846"
   },
   {  
      "x":"10NovemberYAHUKIMO",
      "kabupaten":"YAHUKIMO",
      "tanggal":"10",
      "bulan":"November",
      "device_count":"17420"
   },

我只想选择kabupaten:ASMAT并将其推入新变量 像这样:

 {  
      "x":"10DesemberASMAT",
      "kabupaten":"ASMAT",
      "tanggal":"10",
      "bulan":"Desember",
      "device_count":"16725"
   },
{  
      "x":"10NovemberASMAT",
      "kabupaten":"ASMAT",
      "tanggal":"10",
      "bulan":"November",
      "device_count":"18731"
   },
{  
      "x":"11DesemberASMAT",
      "kabupaten":"ASMAT",
      "tanggal":"11",
      "bulan":"Desember",
      "device_count":"16891"
   },

这是我在AJAX中使用的Push代码

$.ajax({
    url : "http://localhost/coba/data.php",
    type : "GET",
    dataType : 'json',
    success : function(data){
      console.log(data);

      var tanggal = [];
      var count_november = [];
      var count_desember = [];

      for(var i in data) {
        tanggal.push(data[i].tanggal);
        count_november.push(data[i].device_count);
      }

2 个答案:

答案 0 :(得分:0)

我认为这是您要尝试做的事的一个例子。如果您还有其他问题,或者不是您要找的东西,请告诉我,我将继续与您合作。

const kabupatenFiltered = DATA.filter(element => {

   const arrayKeyValues = Object.entries(element)

   return arrayKeyValues[1][1] === 'ASMAT' 

 }) 

答案 1 :(得分:-1)

<script> var datas = [ { "x":"10DesemberASMAT", "kabupaten":"ASMAT", "tanggal":"10", "bulan":"Desember", "device_count":"16725" }, { "x":"10DesemberBOVEN DIGOEL", "kabupaten":"BOVEN DIGOEL", "tanggal":"10", "bulan":"Desember", "device_count":"29985" }, { "x":"10DesemberMAPPI", "kabupaten":"MAPPI", "tanggal":"10", "bulan":"Desember", "device_count":"19193" }, { "x":"10DesemberMERAUKE", "kabupaten":"MERAUKE", "tanggal":"10", "bulan":"Desember", "device_count":"150717" }, { "x":"10DesemberMIMIKA", "kabupaten":"MIMIKA", "tanggal":"10", "bulan":"Desember", "device_count":"213536" }, { "x":"10DesemberNDUGA", "kabupaten":"NDUGA", "tanggal":"10", "bulan":"Desember", "device_count":"2879" }, { "x":"10DesemberPEGUNUNGAN BINTANG", "kabupaten":"PEGUNUNGAN BINTANG", "tanggal":"10", "bulan":"Desember", "device_count":"8474" }, { "x":"10DesemberPUNCAK", "kabupaten":"PUNCAK", "tanggal":"10", "bulan":"Desember", "device_count":"5652" }, { "x":"10DesemberYAHUKIMO", "kabupaten":"YAHUKIMO", "tanggal":"10", "bulan":"Desember", "device_count":"15315" }, { "x":"10NovemberASMAT", "kabupaten":"ASMAT", "tanggal":"10", "bulan":"November", "device_count":"18731" }, { "x":"10NovemberBOVEN DIGOEL", "kabupaten":"BOVEN DIGOEL", "tanggal":"10", "bulan":"November", "device_count":"29716" }, { "x":"10NovemberMAPPI", "kabupaten":"MAPPI", "tanggal":"10", "bulan":"November", "device_count":"18801" }, { "x":"10NovemberMERAUKE", "kabupaten":"MERAUKE", "tanggal":"10", "bulan":"November", "device_count":"151950" }, { "x":"10NovemberMIMIKA", "kabupaten":"MIMIKA", "tanggal":"10", "bulan":"November", "device_count":"213225" }, { "x":"10NovemberNDUGA", "kabupaten":"NDUGA", "tanggal":"10", "bulan":"November", "device_count":"3808" }, { "x":"10NovemberPEGUNUNGAN BINTANG", "kabupaten":"PEGUNUNGAN BINTANG", "tanggal":"10", "bulan":"November", "device_count":"7438" }, { "x":"10NovemberPUNCAK", "kabupaten":"PUNCAK", "tanggal":"10", "bulan":"November", "device_count":"5846" }, { "x":"10NovemberYAHUKIMO", "kabupaten":"YAHUKIMO", "tanggal":"10", "bulan":"November", "device_count":"17420" } ] var new_datas = []; for (var i = 0; i < datas.length;i++) { if(datas[i]['kabupaten'] == 'ASMAT') { new_datas.push(datas[i]); } } console.log(new_datas); </script>