$http.post -> ASP.net MVC 5 Objet instancié dans MVC mais les membres restent vides.

Version imprimable

Salut,

J'espère que c'est là qu'il faut poster car ça concerne : Ajax, AngularJS et ASP.net MVC 5 Web Api 2.0 et HttpPost.

Je vous passe les détails mais en gros :
Code:

1 2 3 4 5 //Je crée un objet var offre = { Id: -1, UserId: null, Title: $scope.what, Description: ""}; //Je le poste avec AngularJS $http.post("api/HonApi/PostIt", offer).then(onPostOfferSuccess, onPostOfferFailed);
En step by step, je vois que l'objet offer contient bien les données que je veux.
Code:

1 2 3 4 5 6 7 8 [HttpPost] public HttpResponseMessage PostIt(Offer offer) { HttpResponseMessage toReturn = new HttpResponseMessage(HttpStatusCode.OK); // En mettant le point d'arrêt ici return toReturn; }
Côté c# j'ai bien une instance de offer mais chacun de ses membres est vide, j'ai vérifié avec fiddler, la trame partant du navigateur contient bien les données.

Vous comprenez pourquoi ?

Merci

[EDIT]
Salut,

J'ai ajouté un intercepteur dans le httpbeginrequest, je reçois bien les données.
Code:

1 2 3 4 5 6 7 8 9 10 protected void Application_BeginRequest(object sender,EventArgs e) { Byte[] inputBytes = new Byte[HttpContext.Current.Request.InputStream.Length]; HttpContext.Current.Request.InputStream.Position = 0; HttpContext.Current.Request.InputStream.Read(inputBytes, 0, inputBytes.Length); string requestString = ASCIIEncoding.ASCII.GetString(inputBytes); }
Donc, le souci ne se trouve pas entre la chaise et le clavier mais bien à l'intérieur d'MVC.

Un peu d'aide serait la bienvenue...

Merci

Bonjour,

Ah ca s'appel j'ai verse des larmes j'ai perdu mes cheveux pour une virgule !!!! ou un peu plus que la virgule cette fois !

1 - a priori Le souci est que le binding ne s'effectue pas entre l objet envoyé par ajax et l action du controller web api .
Pour invistiger ca
-regardes bien si toutes les propietes de l objet envoyé par Ajax ont la meme casse que celui du model server .
- apres regarde si t as pas la configuration du JSON formatter qui est elevee pour ton WEB API
- fait un test dans ton JS en specifiant le content type comme suit:
Code:

1 2 3 4 5 6 7 8 9 10 $http({ cache: false, url: "api/HonApi/PostIt", method: "POST", data: offer, headers: { 'Content-Type': 'application/json' } })
ou essaye ca
Code:

1 2 3 4 5 6 7 8 9 10 $http({ cache: false, url: "api/HonApi/PostIt", method: "POST", data: $.param(offer), headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' } })
- Mets un point d'arret dans le begin_request et regarde si l tu recois bien l'objet envoyé par Ajax.

Et enfin y a pas de raison a ce que ca ne marche pas c est juste un oublie quelqu part que tu vas vite reperer en debuggant

Dans ma folie capillaire, j'ai même contrôlé le Content Type...
Merci du conseil, je vais essayer.

[EDIT 1]
Bon j'ai changer Offer par Object.
Je récupère : {{ "Id": 5, "UserId": null, "Title": "c<wxc<wxc", "Description": ""}}
le double { m'inquiète. Je me demande si mon objet n'est pas encapsulé dans un autre objet par angular...

[EDIT 2]
Je crois que ta proposition c'est sous JQuery, moi je suis sous Angular 1.5 qui encapsule le JQuery. L'intellisense ne me propose pas tes membres.
Je vais voir s'il n'y a pas une config à faire pour $http.

[EDIT 3]
Ca ménnnnnneeeeeeve avec MVC 4 WebAPI 1.0 ça fonctionnait NIKEL...

Pffff ils modernisent, ils compliquent et après, ça ne fonctionne plus ! :aie:

[EDIT 4]
Bon j'ai fait un truc sans doute dégelasse mais ça marche au moins en attendant que vous m'expliquiez le souci...

Etant donné que j'arrivais à trouver mon objet dans le Request du HttpContext, j'ai créé un model binder.

Par contre dans le Request de actionContext, rien... J'aimerais bien avoir l'adresse du dealer qui vend l'herbe à troll de celui qui a pondu le MVC 5 car ça doit être de la bonne :aie:

Ca s'utilise comme ça :
Code:

1 2 3 4 5 6 7 8 [HttpPost] public HttpResponseMessage PostOffer([ModelBinder(typeof(ModelBinder<Offer>))] Offer offer) { HttpResponseMessage toReturn = new HttpResponseMessage(HttpStatusCode.OK); // Là on fait plein de trucs genre Your stuff here return toReturn; }
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 public class ModelBinder<T> : IModelBinder { public bool BindModel(HttpActionContext actionContext, ModelBindingContext bindingContext) { bool toReturn = true; if (bindingContext.ModelType != typeof(T)) { toReturn = false; } var inputBytes = new Byte[HttpContext.Current.Request.InputStream.Length]; HttpContext.Current.Request.InputStream.Position = 0; HttpContext.Current.Request.InputStream.Read(inputBytes, 0, inputBytes.Length); string requestString = ASCIIEncoding.ASCII.GetString(inputBytes); var deserializedModel = JsonConvert.DeserializeObject<T>(requestString); bindingContext.Model = deserializedModel; return toReturn; } }
C'est la preuve que c'est pas un problème d'angular mais bien de web api sauce MVC5 non ?

Merci pour vos avis.

Je ne mets pas résolu car même si ça marche, ça ne me convient pas.

D’ailleurs pourquoi ne pas ajouter un bouton Contournement trouvé qui cocherait le fil en orange non ?

08/03/2016, 17h57
youtpout978

Au hasard ne maîtrisant pas plus que ça MVC fais-tu un Json.stringify de ton objet avant de les transmettre à ton ws ou un $.params ?

Côté MVC sais-tu si c'est l'ancien sérialiser Json qui est utilisé ou Json.Net (je crois qu'en MVC 5 c'est automatiquement Json.net).

Oh toi alors je viens d essayer le meme exemple que toi sur mon poste et ca marche
ceci dit t as qnd meme des erreur sur ton code :

Code:

1
2
3
4
5
6
 
 
//Je crée un objet
var offre = { Id: -1, UserId: null, Title: $scope.what, Description: ""};
//Je le poste avec AngularJS
$http.post("api/HonApi/PostIt", offer).then(onPostOfferSuccess, onPostOfferFailed);

T as definie une variable offre mais tu envoies une autre variable offer ( offre vs offer)
en suite voici le code qui a marche pour moi
WEB API

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
 public class TestController : ApiController
    {
 
 
        // POST: api/Test
        public void Post([FromBody]Offer value)
        {
 
        }
 
    }
 
 
    public class Offer
    {
        public int Id { get; set; }
        public string UserId { get; set; }
        public string Title { get; set; }
        public string what { get; set; }
        public string Description { get; set; }
    }

cote client

Code:

1
2
3
4
5
6
7
8
9
10
 
var app = angular.module("app", []);
 app.controller("appCtrl", function ($scope, $http) {
     $scope.envoyer = function () {
         var offer = { Id: -1, UserId: null, Title: "147", Description: "une description" };
         //Je le poste avec AngularJS
         $http.post("api/test/Post", offer ).then(function (e) { console.log(e) }, function (e) { console.log("error"); console.log(e) });
     }
 
});

et je recois tres bien cote server l'objet Offer

Salut,

Désolé, c'est en recopiant le texte que j'ai fait l'erreur, c'est juste dans mon code et ça ne fonctionne pas.
De toutes les façons, si j'avais fait cette erreur, je ne verrais pas passer mes données dans fiddler.
Code:

1 2 3 4 5 6 7 8 9 10 var WhatDoYouProposeController = function ($scope, $http, proposeSomethingService) { $scope.proposeEvent = function () { this.Offer = new Object(); this.Offer.Id = 5 this.Offer.UserId = null; this.Offer.Title = $scope.what; this.Offer.Description= ""; var postResult = proposeSomethingService.postOffer($http, this.Offer); };
J'avais aussi essayé en notation directe.

Voilà un exemple de post que je fait avec Angular par contre c'est du PhP rest derrière:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 dataFactory.editContext = function (data) { var urlApi = "/api/user/****.json"; var url = _urlService + urlApi; var params = { authToken: data.token, title: data.title, id: data.listId }; return $http.post(url, $.param(params), { headers: { 'Content-Type': 'application/x-www-form-urlencoded;' } }); };
Sinon as tu testé l'attribut Frombody comme suggéré précédemment, je me rappel quand j'appelait des WS MVC avec angular je devais souvent faire un JSON.stringify je crois de mon modèle avant de l'envoyer.