consuming wcf web service using jquery ajax

Question

I have created one wcf and is running locally in my machine. In the same project i have created a html page calling this wcf web service using ajax.

 $.ajax({
    type: "POST",
    url: "wbsvc.svc/calendar",
    contentType: "application/json; charset=utf-8",
    dataType: "jsonp",
    processData: false,
    success: function (msg) {
        var data = msg.d;
        console.log(data);
    },
    error: function (msg) {
        console.log(msg);
    }
});

calendar is the method in webservice. Error is

Failed to load resource: the server responded with a status of 400 (Bad Request) in wcf using ajax http://localhost:65029/wbsvc.svc/calendar?callback=jQuery110108707461392041296_1379052209564

What i am missing here.

Interface is

    [OperationContract]
    [WebInvoke(Method = "POST", RequestFormat = WebMessageFormat.Json, ResponseFormat = WebMessageFormat.Json)]
    Model.calenderinfo[] calendar();

You should post your service code, service configuration etc. if you want help. You are also using the POST method, but you don't include any data. — Rob Angelier
– Rob Angelier, Commented Sep 13, 2013 at 6:07
Its means you are not passing Parameter or some required resource — Amit
– Amit, Commented Sep 13, 2013 at 6:09
It's still better to use "GET" in your case, since you only query for an array of calendar info objects — Rob Angelier
– Rob Angelier, Commented Sep 13, 2013 at 8:25
you can see my answer here, this will give idea of different ways of doing call to wcf from jquery, one of those will surely suit you. stackoverflow.com/a/18735160/2206468 — LearningNeverEnds
– LearningNeverEnds, Commented Sep 13, 2013 at 13:01

Anuar Sharafudinov · Accepted Answer · 2013-09-13 06:11:35Z

0

jsonp is for crossDomain, just try json

answered Sep 13, 2013 at 6:11

Anuar Sharafudinov

1092 silver badges9 bronze badges

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

6 Comments

Anuar Sharafudinov Over a year ago

I'm not experienced in svc, but are you sure that it returns result in json format?

user1853803 Over a year ago

how can i check this...even i have not worked on svc earlier...i used to work on asmx

Anuar Sharafudinov Over a year ago

Well, before setting dataType into json just try it as html,and make success: function(msg) {alert(msg);} If it works, it means that problem is in formatting $.ajax({ url: "wbsvc.svc/calendar", dataType: "html", success: function (msg) { alert(msg); }, error: function (msg) { console.log(msg); } });

Anuar Sharafudinov Over a year ago

Still says Failed to load resource: the server responded with a status of 400 (Bad Request) in wcf using ajax localhost:65029/wbsvc.svc/… ?

Anuar Sharafudinov Over a year ago

have you tried to enter localhost:65029/wbsvc.svc/calendar page with browser? If your browser can't open this page, it means that you have to learn svc better

|

sudhansu63 · Accepted Answer · 2013-09-13 06:41:43Z

0

Change the datatype to Json.

dataType: "json"

I think the url for your wcf service is worng. Before sending the request, try to open Chrome Developer tool, or Firbug on Firefox, you can see the Request URL.

Now if your request URL is http://localhost/myproject/wbsvc.svc/calendar then type in http://localhost/myproject/wbsvc.svc in browser , if you are able to see the WSDL page, then your URL is correct. Otherwise you need to give correct url in URL parameter.

answered Sep 13, 2013 at 6:41

sudhansu63

6,2204 gold badges41 silver badges55 bronze badges

Collectives™ on Stack Overflow

consuming wcf web service using jquery ajax

2 Answers 2

6 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related