Incorrect Username and Password in accessing Restful web service with jQuery

Question

i have this code.

var txt = "username=admin&password=admin";

    var jsonText = JSON.stringify({username:'test', password:'test'});
    $.ajax( {
        url : 'http://localhost/testService/loadpayments/',
        type: "GET",
        contentType: "application/json; charset=utf-8",
        data:jsonText,
        dataType: "json",
        processdata:false,
        error : function(result) {
            $('#items').html(result);
        },
        success : function(model) {
            $("#items").html(model);
        }
       });

Now, when i run it in firefox and looking at it on the console it says incorrect username and password yet i correctly supplied both. also when i try to paste the url with the username and password( both correctly supplied ) it runs and returns gracefully. Am i doing it right? I'm relatively new to this kind of stuff. THANK YOU.

It appears you are hard-coding the username and password as 'test'. You need a variable to pass the parameters into. — Todd Moses
– Todd Moses, Commented Feb 16, 2012 at 4:13
i am using the JSON.stringify. but whenever i do this on the browser. localhost/testService/loadpayments/… it works. can you somehow give me a picture on where am i doing it wrong? thank you — n0minal
– n0minal, Commented Feb 16, 2012 at 4:16

RoccoC5 · Accepted Answer · 2012-02-16 04:24:27Z

2

Best I can tell from your code snippet, your RESTful service expects that you provide the username and password as querystring parameters. If that is the case, then your request URL should look like this:

http://localhost/testService/loadpayments/?username=test&password=test

However, the request URL that your code is generating is:

http://localhost/testService/loadpayments/?{%22username%22:%22test%22,%22password%22:%22test%22}

There is no need to stringify your parameters. Instead, pass the object literal to the data parameter of the AJAX call, and set processData to true (or don't specify at all, since it defaults to true) so that the object will be transformed into querystring parameters:

var credentials = {username: 'test', password: 'test'};
$.ajax({
    url : 'http://localhost/testService/loadpayments/',
    type: "GET",
    contentType: "application/json; charset=utf-8",
    data: credentials,
    dataType: "json",
    processData: true, // defaults to true
    error : function(result) {
        $('#items').html(result);
    },
    success : function(model) {
        $("#items").html(model);
    }
   });

answered Feb 16, 2012 at 4:24

RoccoC5

4,21320 silver badges20 bronze badges

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

4 Comments

n0minal Over a year ago

thanks. it worked i mean no more incorrect cred. i just want to show and access the service is can you help me with the snippet or code? thank you again..:)

RoccoC5 Over a year ago

In your success callback, try: $('#items').html(model.responseText)

n0minal Over a year ago

right, i actually copied the code. did what to said about the success callback but in the console it returns "NetworkError: 401 Invalid username or password! - localhost/testService/loadpayments/…"

n0minal Over a year ago

but changed this $('#items').html(result); to alert('error'); to check where it goes. yet it alerts error everytime i run it.

Todd Moses · Accepted Answer · 2012-02-16 04:42:47Z

0

You are using

var jsonText = JSON.stringify({username:'test', password:'test'});

Instead, you need to create an object if using stringify. Create an object in JavaScript called user like the following:

var user = new Object();
user.username = "test";
user.password = "test";

var jsonText = JSON.stringify(user);

Perhaps this example will explain better

var contact = new Object(); 
contact.firstname = "Jesper";
contact.surname = "Aaberg";
contact.phone = ["555-0100", "555-0120"];

var jsonText = JSON.stringify(contact);

/* The value of jsonText is:
'{"firstname":"JESPER","surname":"AABERG","phone":["555-0100","555-0120"]}'
*/

This is untested but should work.

EDIT

I stand corrected on the object idea and agree with RoccoC5 in that the params in the query string are the way to go.

edited Feb 16, 2012 at 4:42

answered Feb 16, 2012 at 4:25

Todd Moses

11k11 gold badges50 silver badges65 bronze badges

1 Comment

RoccoC5 Over a year ago

Hi Todd, JSON.stringify will work equally well with an object literal, i.e. {username:'test', password:'test'} as it will with an object created using the new Object() contructor since each results in the same thing.

Collectives™ on Stack Overflow

Incorrect Username and Password in accessing Restful web service with jQuery

2 Answers 2

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related