【问题标题】:Fetching data using Ajax got Undefined使用 Ajax 获取数据未定义
【发布时间】:2018-09-15 13:25:21
【问题描述】:

我一直坚持通过 Ajax 从数据库获取结果。 id="view_errorcode" 有效,但 id="view_vlokasi" 无效,仅显示 UNDEFINED。谁能告诉我在我的代码中做错了什么?

$('#showdata').on('click', '.item-info', function(){
  var tid = $(this).attr('data');
  $.ajax({
    type: 'ajax',
    method: 'get',
    url: '<?php echo base_url() ?>RepeatProblem/infoReprob',
    data: {tid:tid},
    async: false,
    dataType: 'json',
    success: function(data){
      var vlokasi = '<span style="font-size:22px;color:green">'+data.lokasi+'</span>';
      var html = '';
      var i;
      for(i=0; i<data.length; i++){
        html +='<p style="font-size:18px;color:black"><i class="fa fa-check"></i> '+data[i].lokasi+' '+data[i].updated_at+'<br>'+data[i].ketprob+'</p>';
      }

      $('#infoModal').modal('show');
      $('#view_lokasi').html(vlokasi); // showing UNDEFINED
      $('#view_errorcode').html(html); // Working
    },
    error: function(){
      alert('Gagal Info Kode Error!');
    }
  });
});

ajax调用返回如下json

[{"tid":"550250","ketprob":"1","updated_at":"15-09-2018 19:39","lokasi":"ERA MART TENGKAWANG"},{"tid":"550250","ketprob":"2","updated_at":"15-09-2018 19:39","lokasi":"ERA MART TENGKAWANG"},{"tid":"550250","ketprob":"3","updated_at":"15-09-2018 19:39","lokasi":"ERA MART TENGKAWANG"},{"tid":"550250","ketprob":"4","updated_at":"15-09-2018 19:37","lokasi":"ERA MART TENGKAWANG"}]

【问题讨论】:

  • 谁能帮我解决这个问题,为什么“data.lokasi”显示为 UNDEFINED 而“data[i].lokasi”有效?请
  • 因为data 显然是一个数组。

标签: javascript ajax codeigniter undefined codeigniter-3


【解决方案1】:

看起来它是对象数组,因此您无法访问 lokasi 属性,而您不会循环数组。试试这个:

var lokasi;
for(var i = 0; i < data.length; i++) {
lokasi = data[i].lokasi;
...

或者你可以从像这样的项目中获取特定元素

data[0].lokasi 

data[n].lokasi

【讨论】:

  • 你能告诉我如何检查接收到的数据,我是JS新手。谢谢
  • 添加console.log(data); 语句,然后在浏览器开发者工具中检查控制台。
  • @badsyntax 这是日志:{tid: "550250", ketprob: "1", updated_at: "15-09-2018 19:39", lokasi: "ERA MART TENGKAWANG"}
  • @ShotaNoniashvili [{"tid":"550250","ketprob":"1","updated_at":"15-09-2018 19:39","lokasi":"ERA MART TENGKAWANG"},{"tid":"550250","ketprob":"2","updated_at":"15-09-2018 19:39","lokasi":"ERA MART TENGKAWANG"},{"tid ":"550250","ketprob":"3","updated_at":"15-09-2018 19:39","lokasi":"ERA MART TENGKAWANG"},{"tid":"550250"," ketprob":"4","updated_at":"15-09-2018 19:37","lokasi":"ERA MART TENGKAWANG"}]
  • @ShotaNoniashvili 这行得通!我需要学习循环数组。非常感谢
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2021-09-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-12-25
  • 2013-03-22
  • 1970-01-01
相关资源
最近更新 更多