首页 > 解决方案 > 返回响应数据不适用于 html

问题描述

嗨,我正在尝试通过 ajax 在同一页面上获取数据。但没有成功。当我使用 html(result) 打印成功消息时它不起作用。但是当我使用 .text(result) 它工作但返回 [object], [object] 这是我的 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"}}].

标签: jqueryajax

解决方案


从您发布的内容来看,响应采用 JSON 格式。这需要以一种表示为 TEXT 的方式或在最好的情况下为 HTML 格式的方式重建

在替换 HTML 内容之前尝试这样的事情

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

推荐阅读