Angular Posting to ASP.NET Core Web API returning failure

Question

this is my code for the web api

 // POST api/Values
    [HttpPost]
    public async Task Post()
    {
        string user = new StreamReader(Request.Body).ReadToEnd();
        var cmd = new SqlCommand(
                @"insert into Users
                select *
                from OPENJSON(@user)
                WITH( Username, Password, Email, Nickname, IsActive, Activation)");
        cmd.Parameters.AddWithValue("user", user);
        await SqlCommand.ExecuteNonQuery(cmd);
    }

and this is my code for angular js

data = JSON.stringify({Username: user, Password: pwd, Nickname: user, IsActive: '1', Activation: '2u4bubdub32939342'}); 
        $http.post('http://localhost:7792/api/values', data)
        .success(function(data, status, headers, config) {
            alert("success");
        })
        .error(function(data, status, headers, config) {
            alert( "failure message: " + data + " " +status+ " " +headers+ " " +config);
        });
        } catch (e) { alert(e.message); }

when i run it, i get the failure message. i already have COR enabled in the web apo

What is the error message? Also, your comment seems to say the url should be api/todo, but your code is calling api/values. — peinearydevelopment
– peinearydevelopment, Commented May 10, 2017 at 13:21
POST localhost:7792/api/values 500 (Internal Server Error) VM864 signup:1 XMLHttpRequest cannot load localhost:7792/api/values. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'localhost:8100' is therefore not allowed access. The response had HTTP status code 500. — Williams Abiola
– Williams Abiola, Commented May 10, 2017 at 13:25

J.N. · Accepted Answer · 2017-06-27 13:49:03Z

3

Your POST method should take a parameter, the user model, that you are correctly sending through Angular. I hope that this example can help you.

edited Jun 27, 2017 at 13:49

answered May 10, 2017 at 21:53

J.N.

5362 silver badges10 bronze badges

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

Comments

Williams Abiola · Accepted Answer · 2017-05-10 13:52:34Z

0

after googling the web i added into my ConfigureServices(IServiceCollection services) in startup.cs

        services.AddCors(options =>
        {
            options.AddPolicy("CorsPolicy",
                builder => builder.AllowAnyOrigin()
                .AllowAnyMethod()
                .AllowAnyHeader()
                .AllowCredentials());
        });

and i also added into Configure(IApplicationBuilder app, .... in startup.cs

        app.UseCors("CorsPolicy");

answered May 10, 2017 at 13:52

Williams Abiola

11312 bronze badges

5 Comments

J.N. Over a year ago

Does it actually work now? Your posted API method is not taking any input, which seems... odd.

Williams Abiola Over a year ago

no it doesnt it connects but doesnt insert anything

J.N. Over a year ago

Your Post method should take a parameter, the user model, that you are correctly sending through Angular. I hope that this example can help you: andrewlock.net/model-binding-json-posts-in-asp-net-core

Williams Abiola Over a year ago

i still dont get it

J.N. Over a year ago

Follow some basic tutorials for ASP.NET Core Web Api then

Collectives™ on Stack Overflow

Angular Posting to ASP.NET Core Web API returning failure

2 Answers 2

Comments

5 Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

5 Comments

Related