如何正确显示AJAX post数据返回答案

【问题标题】：How to properly display AJAX post data return如何正确显示AJAX post数据返回
【发布时间】：2016-10-16 17:07:43
【问题描述】：

$.ajax({
        url: 'https://offcloud.com/api/cloud/status',
        data: {'requestId' : 'theid'},
        type: 'POST',
        crossDomain: true, // enable this
    xhrFields: {
        withCredentials: true
    },
        success: function(data) { 
            var stringData =JSON.stringify(data);
            el.innerHTML = "<pre lang='xml'>" + stringData + "</pre>";
            console.log(data); 
        },
        error: function() { console.log('Failed!'); }
    });

这是显示的内容：

{"data":[{"accountId":"5xxx","remoteOptionId":"yyyyyy","type":"gdrive","username":"email@gmail.com"}]}

但是，我希望它以 XML 格式正确显示。或任何实际可读的格式，表格，（最好是表格）。有什么简单的方法可以做到这一点？

【问题讨论】：

使用 jQuery 数据表。

标签： jquery html ajax

【解决方案1】：

如果你不喜欢 JSON 格式，则不需要JSON.stringify(data)，它所做的只是将返回的对象转换为你看到的字符串，以便快速显示。

在您的 success 函数中，您可以像这样访问各个值：

var accountId = data[0].accountId;

或者，如果这不起作用（因为我不完全确定为什么您的返回值中有 data），请尝试以下操作：

var accountId = data.data[0].accountId;

然后您可以像这样手动将这些值插入到您的输出中

"<accountId>" + accountId + "</accountId>"; // XML format
"<td>" + accountId + "</td>"; // HTML table cell

...或者找到一个框架或库来为你做这件事。

【讨论】：

【解决方案2】：

在请求中设置Content-Type: application/xml

【讨论】：