Возврат данных ответа не работает с HTML

Question

Привет. Я пытаюсь получить данные на той же странице через ajax. Но не успешно. Когда я использую html (результат), чтобы напечатать сообщение об успехе, это не работает. Но когда я использую .text (результат), он работает, но возвращает [объект], [объект] Вот мой код ajax.

$(document).ready(function(){
    $('#frm_rechargeHistory_process').submit(function(){
        var username = $("#username").val();
        var dataString = 'username='+ username;
        if(username==''){
            alert("Please Fill All Fields");
        }else{
        // AJAX Code To Submit Form.
            $.ajax({
              type: "POST",
              url: "getfoundhistory",
              data: dataString,
              cache: false,
              success: function(result){
                  alert(result);
                  $('#txtHint').html(result);
              }
            });
        }
    return false;
    });
});

Пока отклик сети браузера идеален

 [{"Balanceledger": {"id":"2","username":"rawat","amount":"100","reason":"wdeadeses","requestid":"0","approveid":"0","created_date":"2018-11-19 10:41:03"}}].

Answer 1

Из того, что вы публикуете, ответ приходит в формате JSON.и это нужно реконструировать так, чтобы оно было представлено в виде текста или, в лучшем случае, в формате HTML

, попробуйте что-то подобное перед заменой содержимого HTML

var tmpData = JSON.parse(result);
var formattedJson = JSON.stringify(result, null, '\t');