how do i parse jsonp to javascript object?

You can use the jsonp liberary for it .., it will be good if the crossdomain site give the json sting :

go to this link it may be helpful.

http://www.jquery4u.com/function-demos/jsonp/

or you can use the code like


    /* Loading JSON objects using JSONP */
    (function($) {
        var url = 'http://www.jquery4u.com/scripts/jquery4u.settings.json';
        $.ajax({
           type: 'GET',
            url: url,
            async: false,
            contentType: "application/json",
            dataType: 'jsonp'
        });
    })(jQuery);

If you are getting to the success callback and this is a jsonp call, your val parameter is already a javascript object.

success: function (result) {
    console.log(result);
    console.log(result.someproperty);
}

this explains your error too if result is an object because JSON.parse({}) throws the same error.

SyntaxError: Unexpected token o

which is equivalent to

JSON.parse("[object Object]"); // now you see where `o` came frome

If you're accessing a remote API that supports JSONP and have jQuery available, it's easy to skip the intermediary parsing step:

// Assuming you have jQuery available:
$.ajax('http://example.com/jsonpapi?callback=?', {
  dataType: 'jsonp',
  success: function(data) {
    // No parsing necessary.
    console.log(data);
  }
});

That injects a script element pointing at your JSONP endpoint and the endpoint responds by wrapping the JSON in a call to a function that jQuery defines for you automatically. callback is a relatively standard naming convention for the JSONP callback, but double check what your API expects.

If you don't have jQuery available or don't want to use it, you can define a callback function and inject a script element yourself:

var jsonpCallback = function(data) {
  console.log(data);
};

var s = document.createElement('script');

s.src = 'http://example.com/jsonpapi?callback=jsonpCallback';

document.getElementsByTagName('head')[0].appendChild(s);

That's essentially what jQuery does for you in the JSONP scenario.

may this will solve your problem :

function jsonp(data) {
  alert('jsonp was called');
}

$.ajax({
  url: 'http://jsfiddle.net/echo/jsonp/?callback=jsonp',
  dataType: 'jsonp',
  data: {
    'foo': 'bar'
  },
  success: function(data) {
    console.log(data);
  }
});

Actually, JSONP is not JSON at all, it's just JavaScript code.There's no reason to eval in this case... you could simply do after defining that function globally. jquery also offers ways of making a same-domain jsonp request with a specific jsonp callback if you must use jQuery to do the

// Create the function the JSON data will be passed to.
function myfunc(json) {
  alert(json);
}

$.ajax({
  type: "GET",
  url: "http://example.com?keyword=r&callback=jsonp",
  dataType: 'jsonp',
  jsonpCallback: 'myfunc', // the function to call
  jsonp: 'callback', // name of the var specifying the callback in the request
  error: function (xhr, errorType, exception) {
    var errorMessage = exception || xhr.statusText;
    alert("Excep:: " + exception + "Status:: " + xhr.statusText);
  }
});