如何在ajax成功函数中使用for循环？

Question

这是我的警报输出结果：

上面的图片数组是我使用ajax request从表中获得的结果。但是我不知道如何在for循环中使用，我在for循环中已经很累了，值被一一分割

我的代码

<script type="text/javascript">
$('#TDate').on('input change', function() {
var name =$('#TDate').val();
var credit = 0;
var debit = 0;
    $.ajax({
        type: "POST",
        url: "<?php echo base_url();?>BookKeeping/item",
        data: {name:name},
        datatype: 'json',
        success: function (data) {
            alert(data); 
var result = data;
    var arr = result;
    for (var i = 0; i < arr.length; i++){
  document.write("<br><br>array index: " + i);
  var obj = arr[i];
  for (var key in obj){
    var value = obj[key];
    document.write("<br> - " + key + ": " + value);
  }
}


}

});
});
</script>

Answer 1

您可以像这样修改脚本，然后根据需要执行任何逻辑

$('#TDate').on('input change', function() {
    var name =$('#TDate').val();
    var credit = 0;
    var debit = 0;
    $.ajax({
        type: "POST",
        url: "<?php echo base_url();?>BookKeeping/item",
        data: {name:name},
        datatype: 'json',
        success: function (data) {
            myGoodFunctionToHandleResponse(data);
        }
    });
});

function myGoodFunctionToHandleResponse(data){
    for(let i in data){
        console.log(data[i]);
    }
}

Answer 2

我忘了将JSON.parse（）这个函数放在成功函数之后，所以到目前为止我没有得到正确的结果。

<script type="text/javascript">
$('#TDate').on('input change', function() {
var name =$('#TDate').val();
var credit = 0;
var debit = 0;
    $.ajax({
        type: "POST",
        url: "<?php echo base_url();?>BookKeeping/item",
        data: {name:name},
        datatype: 'json',
        success: function (data) {
    var result = JSON.parse(data)
var mycars = result; 
for (i in mycars)
{
    if( mycars[i].dc == "C"){
    var credit = mycars[i].Amt;
}
else{
    var debit = mycars[i].Amt;
}
if(credit > debit)
{
    var bal = credit -  debit;
}
else{
    var bal = debit - credit;
}
}
  $('#bal').val(bal);      
}

});
});
</script>