How to get web service data with javascript?

Question

I have token value in a URL like http://example.com/api.php?action=token I need to consume this URL data which is a random string, I'm trying with following code:

var jqxhr = $.get("http://example.com/api.php?action=token", function() {
    alert( "success" );
})
.done(function() {
    alert( "second success" );
})
.fail(function() {
    alert( "error" );
})
.always(function() {
    alert( "finished" );
});

// Perform other work here ...

// Set another completion function for the request above
jqxhr.always(function() {
    alert( "second finished" );
});

Using $.get()

While trying to load, it's showing an error. I'm just stuck with it, how to get the data?

Is the service on your own domain? If not, you'll need to do either a CORS or JSONP request, and both of those need to be enabled on the server. — Andy, Jan 22 '14 at 13:05
to access data you need to add a parameter on your callbacks e.g. `.done(function(data) {` — melc, Jan 22 '14 at 13:06
@sukanta what is the error you get? it works fine here http://jsfiddle.net/djEn7/ if you are not doing cross domain call — melc, Jan 22 '14 at 13:07
@sukanta cross domain call is not allowed by the browser.... check out jsonp or proxy with server side code — melc, Jan 22 '14 at 13:09
so what's the solution here if i want to get this data via javascript ? — sukanta, Jan 22 '14 at 13:13

melc · Accepted Answer · 2017-07-19T12:23:39.727

Cross domain calls are restricted by the browser so some solutions are,

1.Cross-Origin Resource Sharing (CORS) or jsonp, but you will require to have access to the server you are calling and configure that (many examples online e.g. How to make cross domain request)

2.server side proxy - create simple server side code e.g. php page that you will call form js and place code in php that calls the targeted cross domain server and return the results to your js. e.g. AJAX cross domain call

score 0 · Answer 2 · answered Jan 22 '14 at 13:15

0

try this

  $.ajax({
              url:"http://example.com/api.php?action=token",
              type: "GET",
              success: function (data) {
                   alert(data)
              }
           });

answered Jan 22 '14 at 13:15

Systematix Infotech

2,345
1
14
31

this might be a cross domain issue – sukanta Jan 22 '14 at 14:45
for cross domain you should use the jsonp – Systematix Infotech Jan 22 '14 at 14:46
for cross domain you check my below post http://stackoverflow.com/questions/21282846/display-json-data-using-jquery/21283556?noredirect=1#comment32073894_21283556 – Systematix Infotech Jan 22 '14 at 14:48
so if i dont get the data in json format i cant receive this in clinet end with this – sukanta Jan 22 '14 at 15:10

score 0 · Answer 3 · answered Jan 22 '15 at 10:24

0

try this

  $.ajax({
              url:"http://example.com/api.php?action=token",
              type: "POST",           //try this
              success: function (data) {
                   alert(data)
              }
           });

answered Jan 22 '15 at 10:24

aykut aydoğan

328
4
9

How to get web service data with javascript?

3 Answers3