jQuery AJAX Cross Domain with BASIC Authentication

Question

I'm attempting to make use of the Beanstalk (beanstalkapp.com) API by pulling data into a webpage so people can view it without accessing my SVN.

What I'm doing to try and access it is by using an AJAX request through jQuery. The code is below, but I get an error each time, and can't return the data.

<script type="text/javascript">
$(document).ready(function() {
    var tok = 'username' + ':' + 'password123';
        hash = btoa(tok);
        authInfo = "Basic " + hash;
    $.ajax({
        url: "http://username.beanstalkapp.com/api/changesets.json",
        beforeSend: function (xhr) { xhr.setRequestHeader ("Authorization", authInfo); },
        type: "GET",
        async: false,
        crossDomain: true,
        dataType: "json",
        success:  function(html){
            console.log(html);
        },
        error: function(html){
            console.log('error');
        }
    });
});
</script>

If I access the URL straight through my browser (http://username.beanstalkapp.com/api/changesets.json) it works just fine and returns the json. However, I cannot get the AJAX to return it. Any help is appreciated. Thanks!

Make sure that the server/page (or whatever) allows request via Ajax. — Bishnu Paudel, Aug 14 '12 at 05:44
how did u provide username and password when u call through an ajax — muthu, Aug 14 '12 at 05:44
Bishnu- Would there be another way to get the data remotely? — aaronhuisinga, Aug 14 '12 at 05:46
I ended up just writing a cURL script to do this. The server must not like being pinged by AJAX. If anyone would like to see it, let me know and I will edit the question. — aaronhuisinga, Aug 14 '12 at 07:00
Why dint you accepted answer that suggesteed you to use curl than? — svlada, Aug 16 '12 at 08:07
**I wrote an answer for this question here: [Loading cross domain html page with jQuery AJAX](http://stackoverflow.com/questions/15005500/loading-cross-domain-html-page-with-jquery-ajax/17299796#17299796)** – _the last one, supports https_ — jherax, Jun 26 '14 at 16:29

svlada · Accepted Answer · 2014-11-15T16:03:49.587

You will need to make proxy for cross-domain ajax requests.

Usual scenario looks like this:

Client send ajax request to server
Your server forwards request to external/remote server
Waiting on response from remote server
Parse and process response from remote server
Send response back to client

If you are using php you can send requests with curl, and it is pretty easy to implement. I have wrote article on this topic recently http://www.svlada.com/proxy-ajax-requests-curl-and-symfony-2/.

score 1 · Answer 2 · answered Aug 14 '12 at 05:50

1

you cant get a json from other domain than yours. this is a security issue called same origin policy to get over it use JSONP not JSON.

answered Aug 14 '12 at 05:50

zizoujab

7,603
8
41
72

score 0 · Answer 3 · answered Aug 14 '12 at 05:57

0

Check this jsfiddle. The username and password is incorrect. Give the correct username and password and check it once again.

answered Aug 14 '12 at 05:57

muthu

5,381
2
33
41

Even with the right password it was giving me the same auth error. – aaronhuisinga Aug 14 '12 at 06:59
I got error like this GET http://aaronh.beanstalkapp.com/api/changesets.json?callback=jQuery180029055113159120083_1344931716444&_=1344931716450 401 (Unauthorized) – muthu Aug 14 '12 at 08:07

jQuery AJAX Cross Domain with BASIC Authentication

3 Answers3

Linked