calling c# function in angularjs

Question

Im trying to create simple form, which will pass variables to C# method, which then will add whem to database.

public static bool Add(string username, string password, string email, string ip)
    {
        User newUser = new User { id = HomeController.db.Users.Count() + 1, createdOn = DateTime.Now, email = email, ipAddress = ip, isDeleted = false, password = password, username = username, info = new AdditionalInfo(), notices = new List<Notice>() };
        newUser.address.user = newUser;
        if (!HomeController.db.Users.ToArray().Contains(newUser, new EqualByData()))
        {
            HomeController.db.Users.Add(newUser);
            HomeController.db.SaveChanges();
        }
        else return false;
        return true;
    }

This method is in C:\NTPortal\NTportal\NTportal\Controllers

When I tried to call it in angularjs Controller:

if (!$scope.email_bad && !$scope.pass_bad && !$scope.pass_not_match) {
        console.log('no errors')
        var Add = function (username, password, email, ip) {
            var config = {
                params: {
                    username: username,
                    password: password,
                    email: email,
                    ip: ip
                }
            }
            $http.get('../../Controllers/UserController/Add', config)
            .success(function (data) {
                if (data) {
                    alert('Vartotojas priregistruotas');
                }
            })
            .error(function (error) {
                alert('Ivyko klaida');
            })
        }
        Add($scope.username, $scope.password, $scope.email, ipAddress);
    }

Angular is in C:\NTPortal\NTportal\NTportal\Views\Home

An error I get, is GET http://localhost:2016/Controllers/UserController.cs/Add?email=f@&password=bandymas1&username=f 404 (Not Found)

Any help would be appreciated

Remove the '.cs' from the end of the controller name in your get url: $http.get('../../Controllers/UserController/Add', config) — Stephen P.
– Stephen P., Commented Apr 10, 2017 at 20:15
You may also want to look into resolving your url (e.g. Have your view create a JavaScript variable to hold the resolved path. var path = @Url.Action("Add", "User"); — Stephen P.
– Stephen P., Commented Apr 10, 2017 at 20:18
You can't call a controller directly from JS. You have to go through a web server. — Michael L.
– Michael L., Commented Apr 10, 2017 at 20:22
Is it possible that the C# API function does not have the HttpGet attribute? — Chadley08
– Chadley08, Commented Apr 10, 2017 at 20:24

Tiago Ávila · Accepted Answer · 2017-04-10 20:18:58Z

1

Try this, you have to put the url to your action:

 $http.get('http://localhost:12345/User/Add', config)

Instead of http://localhost:12345, put your url.

answered Apr 10, 2017 at 20:18

Tiago Ávila

2,8872 gold badges36 silver badges37 bronze badges

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

2 Comments

Dona Tas Over a year ago

GET http://localhost:2016/User/Add?email=f@&password=bandymas1&username=f 404 (Not Found)

Tiago Ávila Over a year ago

Try to remove the static from your action.

Son B. Nguyen · Accepted Answer · 2017-04-10 22:41:49Z

0

I think you should add [HttpGet] or [HttpPost] Method Attribute above Add function like:

[HttpGet]
public static bool Add(..)
{
 //...
}

answered Apr 10, 2017 at 22:41

Son B. Nguyen

1

Collectives™ on Stack Overflow

calling c# function in angularjs

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related