How to return xml data from webservice to jquery ajax call from a webform

Question

This is my JQuery AJAX call. This is inside the document.ready() function. This is supposedly the one that will read the xml data returned by the webmethod in my webservice:

            $.ajax({
                type: "POST",
                url: "http://tempuri.org/NewsletterList.asmx/HelloWorld",
                contentType: "application/xml; charset=utf-8",
                dataType: "xml",
                success: function (xml) {
                    $(xml).find('Newsletter').each(function () {
                        var title = $(this).find('Title').text();
                        var created = $(this).find('Created').text();
                        AddOption(title);
                        alert('Ywes');
                    });
                },
                error: function (msg, m2, m3) {
                    alert(m2);
                }
            });

This is my webmethod call in my webservice. I am able create xml sucess fully but i am finding difficulty in returning xml back to ajax call.

    [WebService(Namespace = "http://tempuri.org/")]
    .
    .
    [WebMethod]
    [ScriptMethod(ResponseFormat = ResponseFormat.Xml)]
    public XmlDocument HelloWorld()
    {
        //Instantiate model object
        nl = new Newsletter();

        //Initiate XML stuff
        StringBuilder sb = new StringBuilder();
        XmlWriterSettings settings = new XmlWriterSettings();
        XmlWriter writer = XmlWriter.Create(sb, settings);

        writer.WriteStartDocument();
        writer.WriteStartElement("Root");

        foreach (Newsletter nls in nl.GetNewsletterList())
        {
            writer.WriteStartElement("Newsletter");
            writer.WriteElementString("Title", nls.Title);
            writer.WriteElementString("Created", nls.Created.ToString());
            writer.WriteEndElement();
        }

        writer.WriteEndElement();
        writer.WriteEndDocument();
        writer.Flush();

        XmlDocument xmlDocument = new XmlDocument();
        xmlDocument.LoadXml(sb.ToString());
        return xmlDocument;
    }

bluetoft · Accepted Answer · 2013-06-26 20:59:59Z

2

With a web service you need not build your xml manually like you are doing. What you should be doing is returning your c# objects in their raw form. You should have the following instead:

[WebMethod]
[ScriptMethod(ResponseFormat = ResponseFormat.Xml)]
public List<Newsletter> HelloWorld()
{
    //Instantiate model object
    return new Newsletter().GetNewsletterList();


}

ASP.NET will serialize your objects to xml for you.

Also in your javascript you'll need to parse the xml before using .find using something like so:

.success(function(data){
   var xml = $.parseXml(data);
   xml.find(yadayadayada.....
});

edited Jun 26, 2013 at 20:59

answered Jun 26, 2013 at 20:26

bluetoft

5,4432 gold badges25 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Ziony Over a year ago

Thank you, it did automatically serialize my object, however, it still fails when it gets to the JQuery part, I tried putting in alert the parameter thrown in my error: function but only the second one has text, and it just says 'error'

bluetoft Over a year ago

I don't believe jquery is designed to traverse any ol html fyi. I believe you need to use $.parseXml api.jquery.com/jQuery.parseXML

bluetoft Over a year ago

If you use a network inspector like firebug or chrome dev tools what does the network request look like? Are you hitting your success method or your error method?

Ziony Over a year ago

Thank you for all your suggestions. It turns out it has something to do w/ the browser. When I use the CDN's, the third parameter in the error functions say that there was some kind of exception in the mapping. I googled it but was only able to find an error similar to it. I tried it in IE10 and it works! Thank you.

John Saunders · Accepted Answer · 2013-06-26 23:04:39Z

0

Thank you for all your suggestions. It turns out it has something to do w/ the browser. When I use the CDN's, the third parameter in the error functions say that there was some kind of exception in the mapping. I googled it using: "Failure nsresult: "0x80004005 (NS_ERROR_FAILURE)" but was only able to find an error similar to it. I tried it in IE10 and it works!

edited Jun 26, 2013 at 23:04

John Saunders

162k26 gold badges252 silver badges403 bronze badges

answered Jun 26, 2013 at 22:02

Ziony

1134 silver badges12 bronze badges

Collectives™ on Stack Overflow

How to return xml data from webservice to jquery ajax call from a webform

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related