将JavaScript对象传递给C＃

Question

I am trying to create a new row in a table I have hosted in Azure SQL Database. My front end is AngularJS with C# in .NET as the back end. Here is my code from the front end passing the object:

var insertTicket = function (newTicket) {
    return $http.post("http://localhost:50412/api/tickets", JSON.stringify(newTicket))
                .then(function (response) {
                    console.log(response);
                    console.log("Insert Successful");
                    return;
                });

And here is my backend code that receives the data and tries to add to the database:

[Route("api/tickets")]
public HttpResponseMessage Post(Ticket t)
{
    TicketsRepository.InsertTicket(t);
    HttpResponseMessage response = Request.CreateResponse(HttpStatusCode.OK);
    return response;
}

In TicketRepisitory:

public static void InsertTicket(Ticket tick)
{
    var maxID = (from ticket in dataContext.Tickets
                 select ticket.id).Max();
    var tick = new Ticket();
    tick.id = maxID + 1;

    dataContext.Tickets.Add(tick);
    dataContext.SaveChanges();
}

And Here is my Ticket class:

public partial class Ticket
{
    //Properties
    public int id { get; set; }
    public string title { get; set; }
    public string customer { get; set; }
    public string barcode { get; set; }
    public string assignedTo { get; set; }
    public string category { get; set; }
    public string importance { get; set; }
    public Nullable<System.DateTime> openDate { get; set; }
    public Nullable<System.DateTime> dueDate { get; set; }
    public Nullable<System.DateTime> closedDate { get; set; }
    public string comments { get; set; }
    public string condition { get; set; }
    public Nullable<int> workHours { get; set; }

    //Relationships

    public Employee Employee { get; set; }
    public Employee Employee1 { get; set; }
    public Equipment Equipment { get; set; }

}

I think the issue is with Post() expecting a ticket object. I have tried searching for how to receive JSON data and use that for Ticket, but with out much luck.
My Problem is that I can not create a new row. No changes are reflected in my database.

Answer 1

You don't need to JSON.stringify your object when POSTing data with $http in AngularJS, just pass the object itself as the second parameter, like this:

var insertTicket = function (newTicket) {
return $http.post("http://localhost:50412/api/tickets", newTicket)
            .then(function (response) {
                console.log(response);
                console.log("Insert Successful");
                return;
            });

Answer 2

First there is no need to call JSON.stringify() method on newticket javascript object for second paramter of $http.post() method.

Then in the web api method write a parameter of type JObject with the name newTicket to receive the posted object, and use generic version of ToObject method to convert posted data to desired type. Don't forget to use [FromBody] attribute for the method parameter. the code for webapi looks like this:

[Route("api/tickets")]
public HttpResponseMessage Post([FromBody]JObject newTicket)
{
    var t = newTicket.ToObject<Ticket>();
    TicketsRepository.InsertTicket(t);
    HttpResponseMessage = Request.CreateResponse(HttpStatusCode.OK);
    return response;
}