jQuery ajax post to web service

Question

$(document).ready(function() {
        $.ajax({ type: "POST",
                        url: "/getprojects.ashx",
                        data: "<formData client=\"\" year=\"\" categories=\"\" tags=\"\" freeText=\"\" count=\"34\" page=\"1\"></formData>",
                        dataType: "text/xml",
                        cache: false,
                        error: function() { alert("No data found."); },
                        success: function(xml) {
                            alert("it works");
                            alert($(xml).find("project")[0].attr("id"));
                        }
        });
    });

My problem is i get some data back but i can't seem to get it displayed.

How does this data look like? What part of it do you want to extract? How and where do you want it formated and displayed? — Darin Dimitrov
– Darin Dimitrov, Commented Jun 23, 2010 at 6:31
The data i get looks like this: <content> <outcome success="1" requestId="" command="" /> <projects totalNumberOfProjects="226" selectedNofProjects="34" curPage="1" nOfPages="7"> <project id="378" title="Campaign" confidential="1" client="Client1" image="" thumb="" publicLink="" internalLink="" /> </projects> </content> I some of the attributes on all the projects, displayed in html. — Jan Johansen
– Jan Johansen, Commented Jun 23, 2010 at 6:43
if you used alternating single quotes/double quotes you wouldn't need to escape them all :( — Andrew
– Andrew, Commented Feb 11, 2016 at 15:42

Claude Vedovini · Accepted Answer · 2010-06-26 09:02:22Z

10

dataType should be the type of what you receive but contentType should be the mime-type of what you are sending, the following should be ok:

$(document).ready(function() {
        $.ajax({ type: "POST",
                        url: "/getprojects.ashx",
                        data: "<formData client=\"\" year=\"\" categories=\"\" tags=\"\" freeText=\"\" count=\"34\" page=\"1\"></formData>",
                        contentType: "text/xml",
                        dataType: "xml",
                        cache: false,
                        error: function() { alert("No data found."); },
                        success: function(xml) {
                            alert("it works");
                            alert($(xml).find("project")[0].attr("id"));
                        }
        });
    });

edited Jun 26, 2010 at 9:02

answered Jun 23, 2010 at 7:20

Claude Vedovini

2,49121 silver badges20 bronze badges

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

4 Comments

Claude Vedovini Over a year ago

the error callback signature is error(XMLHttpRequest, textStatus, errorThrown) what are the values of the parameters?

Jan Johansen Over a year ago

[object XMLHttpRequest parsererror TypeError: a is null] but ive kinda given up and move on but an answer on how to get it working would still be appreciated.

Claude Vedovini Over a year ago

The question now is whether the issue is while sending or receiving data. Do your server receive the request and what is its response?

Karthikeyan P Over a year ago

For this, can you please show me any sample WebMethod?

jAndy · Accepted Answer · 2010-06-23 06:42:50Z

2

Your dataType seems to be wrong. It should look like

dataType: "xml"

Your data structure also looks pretty wierd. Have a look at .serializeArray(). It should be standard query string foo=bar&test=bla etc.

If the success handler gets executed, try to lookup your xml variable plain, without operating on it with .find() or whatever. Still empty?

answered Jun 23, 2010 at 6:42

jAndy

237k57 gold badges313 silver badges363 bronze badges

3 Comments

jAndy Over a year ago

@Buckley: see my post again, your data is also incorrect. If it still executes the error handler, lookup the error code/string by passing function(xhr, textStatus, error)

Jan Johansen Over a year ago

Thanks jAndy, im having a bit of trouble with the .serializeArray()

Jan Johansen Over a year ago

I get a [object XMLHttpRequest parsererror TypeError: a is null] with function(xhr, textStatus, error)

Collectives™ on Stack Overflow

jQuery ajax post to web service

2 Answers 2

4 Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related