Javascript - Ajax Jquery Simple Get Request - Stack Overflow

28/09/2021, 17:49 javascript - ajax jquery simple get request - Stack Overflow

We changed our privacy policy. Read more.
ajax jquery simple get request

Asked
9 years, 7 months ago Active
2 years, 1 month ago Viewed
155k times
I am making this simple get request using jquery ajax:
28 $.ajax({
url: "https://app.asana.com/-/api/0.1/workspaces/",
type: 'GET',
success: function(res) {
console.log(res);
alert(res);
6 }
});
It's returning an empty string as a result. If i go to this link in my browser, i get:
{"status":401,"error":"Not Authorized"}
which is the expected result. So why isn't it working using ajax?

thanks!
javascript jquery ajax
Share Improve this question edited Oct 26 '18 at 7:20 asked Feb 13 '12 at 22:52
Follow kartikmaji 0xSina
914 7 21 19.1k 29 128 247
1 have you tried adding dataType: "jsonp" in there

– Kai Qing
Feb 13 '12 at 22:55
@KaiQing, That isn't the problem here at all. Otherwise, the success handler wouldn't be called.
Besides, the example response isn't a JSONP response.
– Brad
Feb 13 '12 at 22:57
@PragmaOnce, Check your headers with a packetsniffer, such as Wireshark. I suspect you'll find some
differences between what is being sent from the browser, and with the AJAX call.
– Brad
Feb 13 '12 at
22:58
5 Answers Active Oldest Votes
You can make AJAX requests to applications loaded from the SAME domain and SAME port.
24 Besides that, you should add dataType JSON if you want the result to be deserialized
automatically.
$.ajax({
Join Stack Overflow

url: to learn, share knowledge, and build your career. ,
"https://app.asana.com/-/api/0.1/workspaces/" Sign up
type: 'GET',
dataType: 'json' // added data type

https://stackoverflow.com/questions/9269265/ajax-jquery-simple-get-request 1/3
dataType: json , // added data type
success: function(res) {
console.log(res);
alert(res);
});
http://api.jquery.com/jQuery.ajax/
Share Improve this answer Follow answered Feb 13 '12 at 22:57

Stelian Matei
10.9k 2 22 28
It seems to me, this is a cross-domain issue since you're not allowed to make a request to a
different domain.
10
You have to find solutions to this problem:
- Use a proxy script, running on your server that will
forward your request and will handle the response sending it to the browser
Or
- The service
you're making the request should have JSONP support. This is a cross-domain technique.
You might want to read this http://en.wikipedia.org/wiki/JSONP
Share Improve this answer edited Aug 25 '19 at 3:56 answered Feb 13 '12 at 23:06
Follow viveknaskar Joao Almeida
1,662 1 13 27 912 2 6 17
var dataString = "flag=fetchmediaaudio&id="+id;
3 $.ajax
({
type: "POST",
url: "ajax.php",
data: dataString,
success: function(html)
alert(html);
});
Share Improve this answer edited Dec 5 '13 at 13:20 answered Dec 5 '13 at 12:53
Follow Nunser user3070157
4,494 8 22 35 55 1 2
3 POST and GET is a different HTTP methods, please read some information about HTTP protocol
– bmalets
Apr 3 '20 at 20:44
i think the problem is that there is no data in the success-function because the request breaks
up with an 401 error in your case and thus has no success.
1
Join Stack
if youOverflow
use to learn, share knowledge, and build your career. Sign up
$.ajax({
url: "https://app.asana.com/-/api/0.1/workspaces/",
type: 'GET',
error: function (xhr, ajaxOptions, thrownError) {
alert(xhr.status);
alert(thrownError);
});
there will be your 401 code i think (this link says so)
Share Improve this answer edited May 23 '17 at 11:54 answered Apr 2 '13 at 15:04
Follow Community Bot Matthew Fisher
1 1 173 1 15
var settings = {
"async": true,
1 "crossDomain": true,
"url": "<your URL Here>",
"method": "GET",
"headers": {
"content-type": "application/x-www-form-urlencoded"
},
"data": {
"username": "[email protected]",
"password": "12345678"
$.ajax(settings).done(function (response) {
console.log(response);
});
Share Improve this answer Follow answered Jul 6 '18 at 9:07

PK-1825
1,259 13 30
Join Stack Overflow to learn, share knowledge, and build your career. Sign up

Javascript - Ajax Jquery Simple Get Request - Stack Overflow

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Javascript - Ajax Jquery Simple Get Request - Stack Overflow

Uploaded by

Copyright:

Available Formats

28/09/2021, 17:49 javascript - ajax jquery simple get request - Stack Overflow

ajax jquery simple get request

I am making this simple get request using jquery ajax:

It's returning an empty string as a result. If i go to this link in my browser, i get:

which is the expected result. So why isn't it working using ajax?

javascript jquery ajax

1 have you tried adding dataType: "jsonp" in there

5 Answers Active Oldest Votes

Join Stack Overflow

dataType: 'json' // added data type

Share Improve this answer Follow answered Feb 13 '12 at 22:57

var dataString = "flag=fetchmediaaudio&id="+id;

error: function (xhr, ajaxOptions, thrownError) {

"url": "<your URL Here>",

Share Improve this answer Follow answered Jul 6 '18 at 9:07

You might also like