Question

I have a function in which I am doing a dojo.xhrPost(). Now the returning data is wrapped in an unwanted <div> which is framework specific and cannot be removed. How can I strip away the div element. Here is my code.

function sendForm() {
    var resultNode = dojo.create("li");
    dojo.xhrPost({
        url: "${sectionaddurl}",
        form: dojo.byId("sectionform"),
        load: function(newContent) {
            dojo.style(resultNode,"display","block");
            resultNode.innerHTML = newContent;                   
        },
        error: function() {
            resultNode.innerHTML = "Your form could not be sent.";
        }
    });           
    $("#sectionform")[0].reset();
    dojo.place(resultNode, "existing_coursesection", "first");
}

In jquery we would do $("#some_ID").text(); where the id will be the div obtained via ajax.
Will dojo allow me to manipulate the request data which is like <div id="unwanted_div">containing my text</div>

any ideas?

Answer 1

I am not sure these are the “best” ways to go at it but they shoud work

---

1) Have the data be interpreted as XML instead of plain text:

dojo.require('dojox.xml.parser');

dojo.xhrPost({
    //...
    handleAs: 'xml',
    //...
    load: function(response_div){
        //content should be xml now
        result.innerHTML = dojox.xml.parser.textContent(response_div);
    }
    //...
})

---

2) Convert it to html and then process it

//create a thworwaway div with the respnse
var d = dojo.create('div', {innerHTML: response});
result.innerHTML = d.firstChild.innerHTML;

2.1) Use dojo.query instead of .firstChild if you need smore sofistication.