CODEWITHSUNDEEP
angularjsasp.net-web-api
Ceri Westcott
Ceri Westcott

Reputation: 300

Postman POST working but AngularJS post throwing 404

I'm just trying to pass some basic form data through to a web-api via AngularJS $http.

here is the function that called to send data to the API:

    $http({
        url: "/Portal/GenerateTimeSheets",
        method: "POST",
        headers: {
            'Content-Type': 'application/json'
        },
        data: angular.toJson($scope.placementForm),
    }).then(function (response) {

    }), function(response) {

    };

Note: if I breakpoint and copy and paste the $scope.placementForm data into postman it works completely fine, but going through a browser is throwing errors.

Here is my api:

   [HttpPost]
    public void GenerateTimeSheets([FromBody]PlacementModel placement)
    {
        Console.WriteLine("STUB");
    }

and the Placement Model:

    [JsonProperty(PropertyName = "candidateName")]
    public string CandidateName { get; set; }

    [JsonProperty(PropertyName = "clientName")]
    public string ClientName { get; set; }

    [JsonProperty(PropertyName = "jobTitle")]
    public string JobTitle { get; set; }

    [JsonProperty(PropertyName = "placementStartDate")]
    public string StartDate { get; set; }

    [JsonProperty(PropertyName = "placementEndDate")]
    public string EndDate { get; set; }

    [JsonProperty(PropertyName = "frequency")]
    public string TimeSheetFrequency { get; set; }

Upvotes: 0

Views: 284

Answers (1)

Sajeetharan
Sajeetharan

Reputation: 222582

404 Usually denotes that the url of the request is wrong, You are missing something in the url. Validate your url with the backend. Hope it helps

Upvotes: 1

Related Questions