Angular 2 with c# backend Http get with variables doesnt work

Question

I've been making a project generated many things from out of the database with HTTP request. This has 3 larger queries into 1 C# class

    public IEnumerable<Menu> Menus { get; set; }
    public Dictionary<int, Pagina> Paginas { get; set; }
    public Dictionary<int, Opmaak> Opmaak { get; set; }
    public string Errors { get; set; }

This works like a charm, Main Object

https://i.stack.imgur.com/V7tNj.jpg - HTTP Network Summary

    public Main Get()
    {
        return Main.getAll();
    }

This can't return anthing, Same Main Object

https://i.stack.imgur.com/koOfu.jpg - HTTP Network Summary

    public Main Get(string username, string password)
    {
        Login value = new Login(username: username, password: password);
        return Main.getAll(value);
    }

Question, How do I properly send variables over a HTTP request

Webconfig C#

    public static void Register(HttpConfiguration config)
    {
        EnableCrossSiteRequests(config);
        AddRoutes(config);

    }

    private static void AddRoutes(HttpConfiguration config)
    {
        config.Routes.MapHttpRoute(
            name: "DefaultApi",
            routeTemplate: "api/{controller}/{action}/{username}/{password}",
            defaults: new { username = RouteParameter.Optional, password = RouteParameter.Optional}
        );
    }

    private static void EnableCrossSiteRequests(HttpConfiguration config)
    {
        var cors = new EnableCorsAttribute(
            origins: "http://lvh.me:4200",
            headers: "*",
            methods: "*");
        config.EnableCors(cors);
    }

C# Main.cs

 public static Main getAll()
 {
    using (CheckPlusEntities db = new CheckPlusEntities())
    {
        Main Totaal = new Main();

        //Filling Totaal 

        return Totaal;
    }
}

 public static Main getAll(Login Login)
 {
     using (CheckPlusEntities db = new CheckPlusEntities())
     {
         Main Totaal = new Main();

        //Filling Totaal 

        return Totaal;
     }
 }

Angular 2 Service

Wrong =

    get = {


            event: (username:string, password:string): Promise<any> => {    


            let url = "http://{URL}:8080/CheckPlusApi/api/Main/Get/" + username + "/" + password;
            return this._http.get(url)
                .map(response => {
                    return response.json(); // Has a value
                },
                   error =>  {
                       this.errorMessage = <any>error
                }).toPromise();
            }
        }

Good =

    getTest = {
            event: (): Promise<any> => {            
                return this._http.get('http://{URL}:8080/CheckPlusApi/api/Main/Get')
                .map(response => {
                    return response.json(); 
                },
                   error =>  {
                       this.errorMessage = <any>error
                }).toPromise();
            }     
    };

Is your problem the error that is returned in the image you posted? It says your `DbContext` has been disposed but you're trying to use it anyway... — silkfire, Dec 22 '16 at 08:23
@silkfire Hello, thanks for the reaction. Both functions open with a using(db) using (CheckPlusEntities db = new CheckPlusEntities()) { Main Totaal = new Main(); — Kapein, Dec 22 '16 at 08:27
Can you mention the client side Java Script code snippet? Actual error could be how you are passing the data. — Sachin Gaur, Dec 22 '16 at 08:30
@Kapein Check in your stack trace where exactly the error occurs. Also, your methods says they should return an object of type `Main` but you never return anything. — silkfire, Dec 22 '16 at 08:33
@silkfire I didn't properly edit it, it does return with the correct variables into the MainController — Kapein, Dec 22 '16 at 08:35
Thanks @silkfire I wasn't allowed to use a Using(db){}, I wouldn't have found that out. — Kapein, Dec 22 '16 at 08:40
@silkfire it does, however can you explain why the one get works and the other doesn't? — Kapein, Dec 22 '16 at 08:44
@Kapein At the moment, both methods are identical. Is that correct? — silkfire, Dec 22 '16 at 08:45
@silkfire the only difference is that one takes username and password as arguments. — Kapein, Dec 22 '16 at 08:46
@silkfire Thank you for your help, I'll waddle ahead now, was stuck for over 10 hours — Kapein, Dec 22 '16 at 08:51
If you would like it sure, I did however add one myself already feel free to take it over — Kapein, Dec 22 '16 at 08:53
refer to this, I believe this is more about the scope. http://stackoverflow.com/questions/662773/returning-in-the-middle-of-a-using-block — Netferret, Dec 22 '16 at 09:44

score 1 · Accepted Answer · answered Dec 22 '16 at 09:06

1

I think the problem lies in your using clause.

Try removing it by changing:

using (CheckPlusEntities db = new CheckPlusEntities())

to this:

CheckPlusEntities db = new CheckPlusEntities();

answered Dec 22 '16 at 09:06

silkfire

24,585
15
82
105

Angular 2 with c# backend Http get with variables doesnt work

1 Answers1