javascript - 使用 Javascript (AJAX) 从 JSON 获取数据选择

标签 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 推送代码

$.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);
      }

最佳答案

我认为这是您正在尝试做的事情的一个例子。如果您有更多问题或者不完全是您想要的,请告诉我,我将继续与您一起解决。

const kabupatenFiltered = DATA.filter(element => {

   const arrayKeyValues = Object.entries(element)

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

 }) 

关于javascript - 使用 Javascript (AJAX) 从 JSON 获取数据选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53826259/

相关文章:

java - 如何限制或减慢 Grails 的速度?

javascript - 将 OAuth token 传递给 JavaScript 客户端的安全方式

javascript - 在 PHP 中向 AJAX 发送大量参数

javascript - 必填字段的验证函数较短

javascript - window.scrollTo 页面加载不可靠

ios - base64EncodedString 返回不需要的反斜杠

arrays - Swift:检查数组的字典对象类型

java - 比较包含对象列表的同一类的两个对象

javascript - 仅刷新某些 iframe,而不使用 jQuery 刷新整个页面

javascript - 使用条件半径函数的流程图