Error in jQuery with Ajax

Question

I am using jquery Ajax following line of code having problem only with Firefox and Blackbarry browsers

postion:

navigator.geolocation.getCurrentPosition(currentPosition);

function currentPosition(res){
                window.res = res;
}

Code:

var postion = window.res;

    $.ajax({
          url: 'SendLocation',
          type: 'post', 
          data: position, // Position is navigator.geolocation.getCurrentPosition
          success: function(res){
                alert(res);
       }
    });

Error:

NS_ERROR_XPC_BAD_OP_ON_WN_PROTO: Illegal operation on WrappedNative prototype object

value = jQuery.isFunction( value ) ? value() : ( value == null ? "" : value );

After reading FormData Object not submitting via jQuery AJAX call post I added following line of code and code become processData: false, contentType: false,

Updated code:

$.ajax({
      url: 'SendLocation',
      type: 'post', 
      data: position, // Position is navigator.geolocation.getCurrentPosition
      processData: false,   //Added this line
      contentType: false,   //Added this line

      success: function(res){
            alert(res);
   }
});

with this no error was oucurring but code also stops working.

do you mean, position = navigator.geolocation.getCurrentPosition? because that would be invalid. position = navigator.geolocation.getCurrentPosition(...) would also be invalid. — user400654
– user400654, Commented May 12, 2013 at 15:56
@KevinB I have updated the question for your understanding but this is just an example. — Arham Ali Qureshi
– Arham Ali Qureshi, Commented May 12, 2013 at 16:12
What's happening is jQuery is trying to convert the object to a string. You need to instead convert said object to the string that your server-side system is expecting so that jQuery won't attempt to do it for you. you can't send a javascript object as-is over ajax, it has to be converted to a string format. jQuery can handle that conversion for you with simple objects, but with more complex objects, it can't. — user400654
– user400654, Commented May 12, 2013 at 16:44

Story Teller · Accepted Answer · 2013-05-12 16:00:32Z

0

I suggest using serialize() on your position variable as it would be trying to send the geolocation DOM object..

https://developer.mozilla.org/en-US/docs/DOM/window.navigator.geolocation.getCurrentPosition

This error would show up if you were using firebug and inspecting your POST vars.

answered May 12, 2013 at 16:00

Story Teller

4371 gold badge4 silver badges14 bronze badges

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

4 Comments

Arham Ali Qureshi Over a year ago

No can't use serailize becuase I need object on NodeJS server as it is.

Aaron Dufour Over a year ago

@ArhamAliQureshi You can't send arbitrary javascript objects to the server. Maybe you should be more specific about what you're trying to do.

Arham Ali Qureshi Over a year ago

@AaronDufour. I am using NodeJS server, it is a javaScript server understand javaScript Objects. Working fine in Chrome and IE10

Aaron Dufour Over a year ago

@ArhamAliQureshi Repeating yourself really isn't going to get you anywhere. What are you actually doing with the object? My guess is that the browsers it's working in serialize that object in its toString method.

Arham Ali Qureshi · Accepted Answer · 2013-05-19 19:35:16Z

0

Thanks all guess for helping me out but here let me tell you what I did. I just just select my required values from the position object and create a new object and filled it with my data that I got from position and POST it to the server and now its working fine Thanks..!

answered May 19, 2013 at 19:35

Arham Ali Qureshi

1691 silver badge17 bronze badges

Collectives™ on Stack Overflow

Error in jQuery with Ajax

2 Answers 2

4 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related