使用jQuery显示AJAX请求的结果

时间:2014-11-01 06:22:17

标签: jquery ajax xml

我有一个返回XML的Web服务。

获取XML的代码:

function PostToService()
{
    $.ajax({
        type: 'POST',
        url: "http://localhost:53247/api/student/studentstatus",
        dataType: 'xml',
        data: "<StudentStatus><ID>C101</ID><Score>56</Score></StudentStatus>",
        contentType: "text/xml",
        Accept: "text/xml",
        success: function (data) {
            console.log(data);
        }
    });

我可以在Devtools控制台中看到返回的XML扩展#document:

<UpdatedStudent>
    <StudentID>C101</StudentID>
    <Result>Pass</Result>
<UpdatedStudent>

尝试创建一个id为响应的div并使用此代码:

 $("#response").html(data);

在控制台中收到此错误:

Cannot read property 'ownerDocument' of null 

如何向用户显示回复?

提前致谢。

1 个答案:

答案 0 :(得分:0)

编码:

$("#response").html(data);

并且您的数据是XML文本,您说您希望将XML用作HTML文本,除非XML确实是HTML文档,否则它不会起作用。浏览器将尝试将XML解释为HTML并失败。如果您只想显示XML,请尝试以下操作:

$("#response").text(data);