javascript - 如何在html中向div添加Ajax响应

Question

如何将 Ajax 响应附加到 HTML 中的 div

这是我的ajax代码

$(document).ready(function(){
    $('.credit,.debit').change(function(){
        var value=$(this).val();
        $.ajax({
            type:"POST",
            url:"<?php echo base_url();>index.php/Transactions/getamountbyid",
            data:{id:value},
            success:function(result){
                console.log(result);
                $(".bal").html(result);
            }
        });
    });
});

这是我的 Controller 代码

public function getamountbyid(){
    $id=$this->input->post('id');
    $this->Transaction_model->getamountbyid($id);
    print_r($data1);
}

这是我的 Ajax 响应

Array ( [0] => stdClass Object ( [Accounts_id] => 1 [Accounts_number] => 123123123 [Account_Name] => Qualight [account_nickname] => Qualight [Address] => hyderabad [Mobile] => 9123912345 [account_type] => 1 [PAN_NO] => 1231231231 [GST_NO] => 123 [credit] => 20000.00 [debit] => [balance] => 20000.00 [Time_stamp] => 2020-02-13 18:51:49 ) )

我想在从下拉列表中选择帐户后显示帐户借方和贷方余额，它应该显示在下拉列表下方，您可以帮助我如何将所需的响应数据附加到必填字段或 div

Answer 1

首先，更改 print_r($data1);至return json_encode($data1);如果 return 不起作用，则尝试 echo。 接下来，更改$(".bal").html(result);至$(".bal").html( result[0].credit+"<br>"+result[0].debit);