Как добавить Ajax ответ на div в html

Question

Как добавить Ajax ответ на div в HTML

Это мой 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);
            }
        });
    });
});

Это мой контроллер Код

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);, если возврат не работает, затем попробуйте эхо. Затем измените $(".bal").html(result); на $(".bal").html( result[0].credit+"<br>"+result[0].debit);

Answer 2

Вам необходимо создать div с идентификатором, в котором вы хотите показать кредит / дебет, и заполнить этот div с помощью ответа ajax.

Во-первых, используйте json_encode ()

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

Затем используйте

$("#target-div").append(JSON.stringify(data));

success: function (data) {
            for(var key in data) {
            var value = data[key];
                html+='<div>'+key+':'+value+'</div>'
            }
            $("#target-div").append(html);

Answer 3

если вы хотите только добавить, вам нужно использовать функцию append (). иначе Пожалуйста, укажите HTML, чтобы я мог понять ваши требования и концепцию