Jquery authentication error

Question

Consider the following code:

var jsonData1 = $.ajax({

      url: 'http://'+domainName+':9898/jolokia/read/*',
      dataType:"json",
      crossDomain: true,
      beforeSend: function(xhr){
          var username= '*';
          var password= '*';
            xhr.setRequestHeader("Authorization",
                "Basic " + btoa(username + ":" + password));

        },
      async: false
      }).responseText;

  var parsed1 = JSON.parse(jsonData1);

Here when I directly access the url, it asks for a username and password, which when given shows the value. But when I do it through an ajax call, it throws this error:

Failed to load resource: the server responded with a status of 401 (Unauthorized)
jquery.min.js:5 XMLHttpRequest cannot load     http://10.91.240.21:9898/jolokia/read/* No     'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access. The response had HTTP status code 401.
 (index):1 Uncaught SyntaxError: Unexpected token u

TRY 2:

      var jsonData2 = $.ajax({
        type:'GET',
      url: 'http://'+domainName+':9898/jolokia/read/*',
      dataType:"jsonp",
      crossDomain: true,
      data: {username: '*',password: '*'},
      async: false
      }).responseText;

  var parsed2 = JSON.parse(jsonData2);

I tried using json p. The unauthorized code got resolved. It is showing status OK. But now this error comes

Uncaught SyntaxError: Unexpected token u

Look at the second answer by the link. Modern jQuery has attributes for username and password. Or, at least, attribute headers — Cheery
– Cheery, Commented Nov 25, 2014 at 4:41
Then press F12 in the browser, check how data is sent. Compare to what your browser is sending directly. — Cheery
– Cheery, Commented Nov 25, 2014 at 4:43

Nagendra Singh · Accepted Answer · 2014-11-25 16:14:32Z

1

I think I got the answer. The cross domain issue is resolved.

        $(document).ready(function() {
        var surl = "http://www.anotherdomain.com/webservice.asmx";
        $.ajax({
            type: 'GET',
            url: surl,
            crossDomain: true,
            contentType: "application/json; charset=utf-8",
            data: { UserID: 1234 },
            dataType: "jsonp",
            async: false,
            cache: false
         });
         });

answered Nov 25, 2014 at 16:14

Nagendra Singh

611 silver badge11 bronze badges

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

Collectives™ on Stack Overflow

Jquery authentication error

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related