我得到“获取”网络服务而不是“发布”网络服务

Question

我已经使用这篇帖子Jquery Ajax Posting json to webservice 通过“POST”网络服务向服务器发送数据，但它的特征类似于“Get” 在浏览器的“网络”部分，这是我得到的：

这是我的网络服务代码（ASP.net）：

// Insert Student
        [Route("api/Students/ajout")]
        [System.Web.Http.ActionName("Create")]
        public async Task<HttpResponseMessage> Post(Student value)
        {

            try
            {

                if (ModelState.IsValid)
                {
                    _StudentService.Insert(value);
                    var response = Request.CreateResponse<Student>(HttpStatusCode.Created, value);
                    await _unitOfWorkAsync.SaveChangesAsync();
                    return response;
                }
                else
                {
                    return Request.CreateResponse(HttpStatusCode.InternalServerError, "Model state is invalid");
                }
            }
            catch (Exception ex)
            {
                return Request.CreateResponse(HttpStatusCode.InternalServerError, ex.Message);
            }
        }

这是我的代码（AngularJS）

$.ajax({
       type: 'POST',    
       url : 'http://localhost:50001/api/Students/ajout',
       dataType: 'jsonp',
       contentType: "application/json; charset=utf-8",
       data: { FirstName: ''+$scope.FirstName+'', LastName: ''+ $scope.LastName+'' , Email: ''+ $scope.Email+'' , DropOut:'' +$scope.dropout.value1+'' , Live: ''+$scope.live.value2+'' , ClassId:2, ImageId:1}, // On fait passer nos variables, exactement comme en GET, au script more_com.php
       success: function(data){                             
            console.log("success");
       },
       failure: function(errMsg) {
        console.log(errMsg);
    }   
    });

请问您知道我该如何处理这个问题，非常感谢您的帮助

更新： 我已经改变了这样的代码：

$.ajax({
       type: 'POST',    
       url : 'http://localhost:50001/api/Students/ajout',
       dataType: 'json',
       contentType: "application/json; charset=utf-8",
       data: { FirstName: ''+$scope.FirstName+'', LastName: ''+ $scope.LastName+'' , Email: ''+ $scope.Email+'' , DropOut:'' +$scope.dropout.value1+'' , Live: ''+$scope.live.value2+'' , ClassId:2, ImageId:1}, // On fait passer nos variables, exactement comme en GET, au script more_com.php
       success: function(data){

      $rootScope.usersData = angular.toJson(data);
       console.dir($rootScope.usersData);                                 
            console.log("success");
       },
       failure: function(errMsg) {
        console.log(errMsg);
    } });

但我收到此错误： XMLHttpRequest 无法加载 http://localhost:50001/api/Students/ajout。预检响应包含无效的 HTTP 状态代码 405

Answer 1

在您的 api 中尝试删除 [Route("api/Students/ajout")] 而不是 [System.Web.Http.ActionName("Create")] 放置 [HttpPost]。 在您的控制器中，我建议您使用 angularjs 查询而不是 ajax 请求。

如果你编辑你的 api 控制器，这个请求应该运行：

var request = $http({
    url:"api/students/",
    dataType:"json", 
    method:"POST",
    data:JSON.stringify(student),//you can send directly the object student if is well-trained or use params:{'name':value, ...}
    contentType:"application/json; charset=utf-8"
}); 

如果您使用 JSON.stringify，请在您的 Api 控制器中恢复您的对象：

 [HttpPost]
    public void CreateStudent([FromBody]Student value)
    {
      ...
    }

我不知道你是否这样做，但在你的 html 中，而不是在你的输入上绑定属性 firstname，绑定 student.firstName。像这样，您可以使用属性 $scope.student.firstName 直接恢复 $scope.student，而不是逐个恢复每个属性。所以像我在例子中那样直接发送对象。

所以我希望这会有所帮助。 让我了解你的进展。祝你有美好的一天。