Angularjs - 500 (Erreur Interne du Serveur) sur $http Post

Je suis nouveau sur Ionique et angulaire. Je suis la construction d'un échantillon avec ionic framework à l'aide de angular.js. Je veux l'appeler WebApi par $méthode http post. J'ai vérifié cette(ionique-proxy-exemple) la solution et je suis en train de mettre en œuvre les mêmes à l'aide de mon api. Quand j'ai appeler l'api fournie dans l'exemple ci-dessus, dans mon exemple de projet, je reçois les documents, mais sa ne fonctionne pas avec mon api. Il jette 500 erreur interne.

Voici mon app.js

angular.module('myApp', ['myApp.controllers', 'myApp.services'])
.constant('ApiEndpoint', {url: 'http://localhost:8100/api'})

Services.js

angular.module('myApp.services', [])
.factory('Api', function($http, $q, ApiEndpoint) {


console.log('ApiEndpoint', ApiEndpoint)

 var getApiData = function() {
var q = $q.defer();

        var data = {
            Gameweek_ID: '179',
            Vender_ID: '1',
            Language:'en'
        };

         var config = {
            headers : {
                "Content-Type": "application/json; charset = utf-8;"
            }
        };

        $http.post(ApiEndpoint.url, data, config)
        .success(function (data, status, headers, config) {
           //$scope.PostDataResponse = data;
              alert('success');
              console.debug("response :" + data);
              q.resolve(data);
        })
        .error(function (data, status, header, config) {
            //$scope.ResponseDetails = "Data: " + data +
              alert('error');
              console.debug("error :" + data);
              q.reject(data);
        });


return q.promise;


 }

 return {getApiData: getApiData};
})

controllers.js

angular.module('myApp.controllers', [])
.controller('Hello', function($scope, Api) {
 $scope.employees = null;
Api.getApiData()
.then(function(result) 
{console.log("result is here");
jsonresponse = result.data;
$scope.employees = jsonresponse;}
)

});

Et Ionique.Fichier De Projet

{


"name": "Multilingual",
"app_id": "4b076e44",
"proxies": [
{
  "path": "/api",
  "proxyUrl": ""
}
]}

Je suis en train d'essayer de comprendre le problème et vérifié plusieurs méthodes pour appeler l'api. Étonnamment, elle travaille avec l'ajax appel post sans SCRO erreurs. Comme je suis en utilisant Angulaire, je suis en train de le faire par le biais de $http post. Je pense qu'il est quelques petites question, mais je ne suis pas en mesure de comprendre. En seront reconnaissants pour les solutions. Merci.

où obtenez-vous l'erreur dans l'extrémité avant de l'app ou dans le backend ? également vérifier dans la console développeur/ réseaux sur ce que votre demande ressemble et vérifier l'url que vous envoyez
L'erreur est sur le navigateur, lorsque le navigateur fait la demande à l'api. J'obtiens le résultat quand je ping sur Fiddler.
ce que vous obtenez dans le backend côté ? est votre backend s'attend à aucun xcrf jeton ?
J'ai rencontré origine de la croix de partage de ressources(SCRO) erreur sur mozilla et google chrome quand j'ai fait simple $http post sans mettre en place de proxy. Ensuite, j'ai vérifié ce post blog.ionique.io/manutention-scro---ioniques le proxy côté client afin de contourner la SCRO qui j'ai été en mesure de le faire dans la démo fourni dans le lien.

OriginalL'auteur KKV | 2016-05-19

  1. 2

    Vous avez défini le type de contenu json pour le serveur attend une chaîne json mais n'est-ce pas la réception d'une mise en forme correctement chaîne json que vous envoyez par l'intermédiaire d'un objet et d'où l'erreur.

    Où vous avez $http.post(ApiEndpoint.url, data, config) changer de $http.post(ApiEndpoint.url, JSON.stringify(data), config).

    Si cela ne fonctionne pas, changez de type de contenu à application/x-www-form-urlencoded et mise à jour de cette ligne $http.post(ApiEndpoint.url, data, config) à $http.post(ApiEndpoint.url, $httpParamSerializer(data), config) , n'oubliez pas d'injecter de l' $httpParamSerializer fonction.

    OriginalL'auteur user1686261

  2. 0

    Le problème, c'est que vous envoyez un message avec $http.post demande au lieu d'une requête GET avec $http.get

    L'api est configuré pour recevoir des requêtes POST. Je suis l'envoi de "données" explicitement.

    OriginalL'auteur MayK

  3. 0

    Essayer comme ci-dessous-

    $http({
            url: ApiEndpoint.url,
            method: "POST",
            data: data,
            headers: {'Content-Type': 'application/x-www-form-urlencoded'}
        }).Success(..rest code goes here..)

    Dans WebAPI, quand nous passons plus d'un objet dans la méthode POST, nous obtenons 500 erreur interne et, par conséquent, nous utilisons ViewModel dans de tels scénarios(en parlant de asp.net MVC).

    OriginalL'auteur Pankajyt