How do you trigger a function with jsonp/jquery

Question

I have got this function:

 var current_url=window.location.href;
$.ajax({url:      'http://api.apps.com/html/'+appid,
      data:      {url:current_url},
      dataType: 'jsonp',
      timeout:  10000,
      jsonp: "set_url_target",
      success: function(data) { console.log(data); },
       error: function(jqXHR, textStatus, errorThrown) { console.log(errorThrown); console.log(textStatus); }
      }).done(function() { 
          console.log("Message has been complete!!");
        });

What I want is to trigger this function on http://api.apps.com/html/ (Note it is a different domain).

function set_url_target(url){
    console.log("Url has been recieved: "+url);
}

So far the set_url_target isnt being triggered, and I get nothing being printed to the console, no error or nothing.. why?

Baz1nga · Accepted Answer · 2012-06-24 10:59:01Z

2

if the external application isnt under your control I am afraid you cannot do much as you need to update the response that is sent by the server to the client side to use JSONP successfully..

thus you have two options: a) make the call on server side in your application and return it to the client b) alternatively to entirely make it client side you could use something like yahoo pipes or other services which transform the json response to valid jsonp response.

here is an example on how to do it using yahoo pipes: https://gist.github.com/316660

I am not sure about the license, do check upon them and if there are and associated API/Bandwidth costs. Let me know how it works out for you..

answered Jun 24, 2012 at 10:59

Baz1nga

15.6k3 gold badges38 silver badges63 bronze badges

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

1 Comment

Dmitry Makovetskiyd Over a year ago

So basically the solution is to use a proxy!?? I am trying to emulate html5 messaging with jsonp, but why doesnt it work? but what I am trying to do is do a client to client request.. so u say it is not possible..why?

Furqan Hameedi · Accepted Answer · 2012-06-24 11:13:10Z

0

Try this, note the jsonp and jsonpCallback attributes

    var current_url=window.location.href;
    $.ajax({url:      'http://api.apps.com/html/'+appid,
            data:      {url:current_url},
            dataType: 'jsonp',
            timeout:  10000,
            jsonp : false,
            jsonpCallback: "set_url_target",
       success: function(data) { console.log(data); },
       error: function(jqXHR, textStatus, errorThrown) { console.log(errorThrown); console.log(textStatus); }
  }).done(function() { 
      console.log("Message has been complete!!");
    });

For more info on this, AJAX

answered Jun 24, 2012 at 11:13

Furqan Hameedi

4,3903 gold badges29 silver badges34 bronze badges

2 Comments

Dmitry Makovetskiyd Over a year ago

no didnt work. why is the jsonp false? , does it tell it not to return jsonp? set_url_target is on a different script on a different domain, not on mine.. I think you misunderstood the question. !?

Furqan Hameedi Over a year ago

jsonp is set to false to override the Callback name.

Collectives™ on Stack Overflow

How do you trigger a function with jsonp/jquery

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related