how to resolve jquery "parser error"

Question

i am trying to make a ajax call with dataType JSONP from my client side script, the service uri belongs to a restful wcf service which hosted locally.

Below is my client side script:

function callback() {
     alert("callback");
 }
 

     $.ajax({
         url: "http://localhost:999/Service1.svc/Get/rajesh",

         // the name of the callback parameter
         jsonp: "callback",

         // tell jQuery we're expecting JSONP
         dataType: "jsonp",

         // work with the response
         success: function (response) {
             console.log(response); // server response
         },
         error: function ( jqXHR, textStatus, errorThrown) {
             alert("errorThrown: " + errorThrown + " textStatus:" + textStatus);
        }
     });

i am get below Errors:

1) Error Alert message enter image description here

errorThrown: Error: jQuery1910367527295252279_1387528759305 was not called textStatus:parsererror

2)Error at console

enter image description here

console error json object is incorrect but i think it is current. any help is appreciated

Try putting it inside $(function() {}) and check if that makes any difference — RononDex
– RononDex, Commented Dec 20, 2013 at 8:42
well, that jquery[number] you got there is common for jquery. It adds those id's on html elements that it uses in the dom. That's why I thought it might make a different — RononDex
– RononDex, Commented Dec 20, 2013 at 8:45

T.J. Crowder · Accepted Answer · 2013-12-20 08:45:40Z

3

From the error, it looks like your server is responding with JSON, not JSONP, as the error is quoting:

{"GetEmployeeResult":"success"}

...which is JSON, but a JSONP response would look like:

jQuery34978249823_23049820394({"GetEmployeeResult":"success"})

...where the function name jQuery34978249823_23049820394 comes from the callback parameter in the request (and will vary every time).

To correct it, have the server return JSONP, or change your $.ajax call to use JSON (assuming the SOP isn't an issue).

answered Dec 20, 2013 at 8:45

T.J. Crowder

1.1m201 gold badges2k silver badges2k bronze badges

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

4 Comments

Vivek P Over a year ago

I tried by replacing jsonp with Json, still it is going to error function display jqXHR.status as 0 and textStatus as error

T.J. Crowder Over a year ago

@VivekP: That would suggest you're trying to do something cross-origin and JSONP is the better option.

Vivek P Over a year ago

@Crowder Yes, to achieve cross-origin i used jsonp.

T.J. Crowder Over a year ago

@VivekP: Right. So the server has to respect its side of that contract, and return JSONP, not JSON.

Community · Accepted Answer · 2017-05-23 12:15:28Z

0

See answer available Here:

How to natively enable JSONP for existing WCF service?

For a possible solution. It sounds like you need to re-configure your wcf to return JSONP and not JSON.

edited May 23, 2017 at 12:15

CommunityBot

11 silver badge

answered Dec 20, 2013 at 14:28

ChrisSwires

2,7331 gold badge17 silver badges28 bronze badges

Collectives™ on Stack Overflow

how to resolve jquery "parser error"

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