Can't bind view model properly

debugcn Published at Dev

seeker

I want to create client side logging infrastructure using log4javascript. All logs are sent to server. That part works well. I have created WebApi controller to write those log messages on server. The request is the following:

Request Headers

I have created the following view models:

 public class LogEntryViewModel
{
    public string logger { get; set; }
    public int timestamp { get; set; }
    public string level { get; set; }
    public string url { get; set; }
    public string[] message { get; set; }
}

public class LoggerViewModel
{
  public LogEntryViewModel data { get; set; }
  public string layout { get; set; }
}

But the problem is that all data in LogEntryViewModel is default. Even when I change public LogEntryViewModel data to public JObject data that results in empty data object. I tried to parse Json that request contain and it is correct. What the problem might be here?

EDIT:

When I have changed Content-Type to application/json;charset=UTF-8 The request looks in the following way:

Request #2

And then I have changed Post method on controller:

// POST api/loggerservice
    public void Post([FromBody]LogEntryViewModel log)
    {
        //BL
    }

However, still the same effect.

Andrew

In Web API, the media type determines how Web API serializes and deserializes the HTTP message body. There is built-in support for XML, JSON, and form-urlencoded data, and you can support additional media types by writing a media formatter.

I think that, based on your content-type (x-www-form-urlencoded), Web Api expects something like: logger=AjaxLogger&timestamp=1375705087456... so it can use the serializer for form-urlencoded data.

Since you're sending JSON to the server I would suggest to set the Content-Type to application/json and use JSON.stringify so it can use the JSON serializer for model binding:

data: JSON.stringify({'logger':'AjaxLogger', 'timestamp': '1234568789'})

You might want to remove the layout property as well now.

You don't need the [FromBody]. This blogpost helped me to understand the [FromBody] attribute

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at2021-06-20

Comments

0 comments

From Dev

Related Related

Article

Can't bind view model properly

Can't bind view model properly

Can't get my knockout to bind properly

can't get model to properly validate

can't get model to properly validate

Can't bind data to view angularjs

Backbone bind Model to View

View can't access Model MVC

Bind Model to a View asynchronously in Backbone

Bind selected item to view model

Can't bind a class from VM to View in WPF

How to bind Func<T,T,T> to dependency property in XAML from view model?

ng-model doesn't bind properly in directive template's select

ng-model doesn't bind properly in directive template's select

Can't align image view properly in relative layout

Unable to model bind a collection within a view model

Knockout.js - Doesn't seem to bind properly, can't figure out why

In Aurelia, can I bind a function from my containing view-model to be called by my custom element?

Laravel 4 Model Relationship not working properly. Can't access related column from Model

Laravel 4 Model Relationship not working properly. Can't access related column from Model

Asp.net MVC model won't bind list property to view

Can't display data in view from model in Laravel

Can't access model attributes from Backbone View

Can't use updated model with association in the same view

Can't get the view updated, even though the model is already updated

Can't get Angularjs to update view when model updates

Can't create Model by View and Partialview updated using ajax

Can we bind the ManagedObject to View?

Can't bind to a property

Can't bind array

Can't bind to 'ng-model' since it isn't a known native property