The server responded with a status of 500 in token based web api when posting from MVC using json

Question

0.00/5 (No votes)

See more:

here is my code

<script>
    $('#btnLogin').click(function () {

        var body = {'grant_type': 'password','Email':$('#Email').val(),'password': $('#Password').val()};

        alert(JSON.stringify(body));

        $.ajax({
            url: 'http://localhost:46382/Token',
            method: 'POST',
            ContentType: 'application/x-www-form-urlencoded',
            data: body,
            success: function (d) {
                console.log(d);
                alert("Login successfully Successfully");
                sessionStorage.setItem("accessToken", response.access_token);
                window.location.href = 'home';
            },
            error: function (error) {
                alert("Error ");
            }
        });
    });
</script>

and rest all the configuration in web api is default

What I have tried:

I have also tried changing the content type to application/json
and I have added

<add name="Access-Control-Allow-Origin" value="*" />
      <add name="Access-Control-Allow-Headers" value="Content-Type" />
      <add name="Access-Control-Allow-Methods" value="GET,POST,PUT,DELETE,OPTIONS" />
      <add name="Access-Control-Allow-Credentials" value="true" />

in web config
And it is working when posting from code behind,
but I want do this by json

Posted 3-Nov-17 1:36am

manish.communityhub

Updated 3-Nov-17 1:46am

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Dave Kreskowiak · Answer 1 · 2017-11-03T01:46:00

Solution 1

500 errors mean the code on the server crashed or failed for some reason.

That could be because you sent parameters it didn't expect, sent them in a format it didn't expect, values out of range, or the code on the server is poorly written and doesn't check the input parameters before trying to process them, or some combination of the above.

Posted 3-Nov-17 1:46am

Dave Kreskowiak

Updated 3-Nov-17 1:48am

v2

Comments

manish.communityhub 3-Nov-17 8:32am

But it is working from controller here is the code
HttpContent requestContent = new StringContent("grant_type=password&username=" + Username + "&password=" + Password, Encoding.UTF8, "application/x-www-form-urlencoded");

Dave Kreskowiak 3-Nov-17 10:10am

First, that has nothing to do with the problem.

Second, you're sending passwords between the client and the controller IN CLEAR TEXT! Could you make this thing any less secure?

In your code you posted above, you're creating a JSON object but you're not enclosing the email and password strings in single quotes. This is the offending line:

{'grant_type': 'password','Email':$('#Email').val(),'password': $('#Password').val()}

If should be closer to this:
{'grant_type': 'password','Email':'$('#Email').val()','password': '$('#Password').val()'}
Notice the quotes?

manish.communityhub 3-Nov-17 10:41am

I have changed the json
{ 'grant_type': 'password', 'Email': "'" + $('#Email').val() + "'", 'password': "'" + $('#Password').val()+"'" };
But this time it is showing
{"error":"unsupported_grant_type"}

Dave Kreskowiak 3-Nov-17 15:19pm

I couldn't tell you because nobody has any clue what the code looks like server-side that returned that response.

Richard Deeming 6-Nov-17 14:26pm

You don't want those single quotes in there! :)

You want the properties of the object to be set to the values returned from the .val() function, not the literal strings.