Home/ Questions/Q 319329
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-12T08:39:05+00:00

I would really appreciate to get your help on this, as I can’t seem

  • 0

I would really appreciate to get your help on this, as I can’t seem to detect and solve the problem I’m having with an AJAX functionality on a site that I’m currently developing.

I have a webform that makes an asynchronous call to a handler (.ashx) that delivers a XML response that is later processed by a Javascript client-side function that places it’s contents into the user-interface.

I’m attaching an example of the response generated by my handler, and what I would like to know is how can I get all the <body> element innerHTML (with the text and child nodes) contents to append it to a <span> element on the user-interface. Can anyone help me out with this?

XML Response returned by the handler (checked via Firebug):

<message>
    <content>
        <messageId>2</messageId>
        <from>Barack Obama</from>
        <fromMail>barack.obama@whitehouse.gov</fromMail>
        <subject>Yes, we can... get World Peace</subject> 
        <body>Hello, dear citizen. I'm sending you this message to invite you to join us! <a href="http://www.whitehouse.gov">Test link</a> Thank you for your time.</body>
    </content>
</message>

Client-side Javascript function to affect the user-interface innerHTML property with the data returned via AJAX:

function GetMessageContentsCallback(args, resp) {
    //XML Parser
    try {
        //Internet Explorer
        xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
        xmlDoc.async = "false";
        xmlDoc.loadXML(resp);
    }
    catch (e) {
        parser = new DOMParser();
        xmlDoc = parser.parseFromString(resp, "text/xml");
    }
    var msgReply = xmlDoc.getElementsByTagName('message')[0];
    var ajaxRespondeBodyInnerHTML = msgReply.getElementsByTagName(body)[0].firstChild.nodeValue;
    //this currently only delivers inner text content, without the <a href... bit and subsequent text
    document.getElementById("bodySpan").innerHTML = ajaxRespondeBodyInnerHTML;
}
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You have the right idea, but you have a syntax error. I tested and found the problem is with this line as expected:

    var ajaxRespondeBodyInnerHTML = msgReply.getElementsByTagName("body")[0].firstChild.nodeValue;

    body is not in quotes.

    See http://jsbin.com/ufubo/edit for a working example.

    Edit: Also, if you want to have HTML in your XML, you need to nest your content in CDATA tags. I’ve updated the example to show this.

    Edit: I’ve update the example and saved it…

    • 0