ajax jquery đơn giản get yêu cầu

Question

Tôi đang làm theo yêu cầu get đơn giản này sử dụng jquery ajax:

 $.ajax({ 
      url: "https://app.asana.com/-/api/0.1/workspaces/", 
      type: 'GET', 
      success: function(res) { 
       console.log(res); 
       alert(res); 
      } 
     }); 

Nó trở về một chuỗi rỗng như một kết quả. Nếu tôi truy cập vào liên kết này trong trình duyệt của mình, tôi nhận được:

{"status":401,"error":"Not Authorized"} 

đó là kết quả mong đợi. Vậy tại sao nó không hoạt động bằng ajax? cảm ơn!

Answer 1

Dường như với tôi, đây là một vấn đề miền chéo, vì bạn không được phép để thực hiện yêu cầu đến một tên miền khác.

Bạn phải giải pháp cho vấn đề này: - Sử dụng một kịch bản proxy, chạy trên máy chủ của bạn mà sẽ foward yêu cầu của bạn và sẽ xử lý response gửi nó vào trình duyệt Hoặc - Các dịch vụ mà bạn đang làm theo yêu cầu nên có hỗ trợ JSONP. Đây là một kỹ thuật tên miền chéo. Bạn có thể muốn đọc điều này http://en.wikipedia.org/wiki/JSONP

Answer 2

Bạn có thể yêu cầu AJAX cho các ứng dụng được tải từ miền SAME và SAME port.

Bên cạnh đó, bạn nên thêm dataType JSON nếu bạn muốn kết quả được deserialized tự động.

$.ajax({ 
     url: "https://app.asana.com/-/api/0.1/workspaces/", 
     type: 'GET', 
     dataType: 'json', // added data type 
     success: function(res) { 
      console.log(res); 
      alert(res); 
     } 
    }); 

http://api.jquery.com/jQuery.ajax/

Answer 3

tôi nghĩ rằng vấn đề là không có dữ liệu trong hàm thành công vì yêu cầu chia nhỏ lỗi 401 trong trường hợp của bạn và do đó không thành công.

nếu bạn sử dụng

$.ajax({ 
     url: "https://app.asana.com/-/api/0.1/workspaces/", 
     type: 'GET', 
     error: function (xhr, ajaxOptions, thrownError) { 
    alert(xhr.status); 
    alert(thrownError); 
    } 
    }); 

sẽ có 401 mã của bạn tôi nghĩ rằng (this link nói như vậy)

Answer 4

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

$.ajax 
({ 
    type: "POST", 
    url: "ajax.php", 
    data: dataString, 
    success: function(html) 
    { 
    alert(html); 
    } 
});