返回响应数据不适用于 html

Question

您好，我正在尝试通过 ajax 在同一页面上获取数据。但没有成功。当我使用 html(result) 打印成功消息时，它不起作用。但是当我使用 .text(result) 它工作但返回 [对象]，[对象] 这是我的 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 格式。这需要以 TEXT 或最好的 HTML 格式表示的方式重建

在替换 HTML 内容之前尝试这样的操作

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