Ajax mvc api：viewmodelを送信するときのリクエストが不適切

Question

私はC＃で書かれたWeb APIにリクエストを送信するためにAjaxで作業しています。 私はviewmodelを送信していますが、不正なリクエストエラーが表示されます。これが私のviewmodelある

[HttpPut] 
/*api controller*/ 
public IHttpActionResult UpdateCursoProfesor(int CourseId, CourseViewModel ViewModel) 
{ 
/*Do something*/ 
return Ok(result); 
} 

： は、これは私のコードです

public class CursoViewModel 
{ 
[MaxLength(125)] 
public string Tittle{ get; set; } 
public string Description { get; set; } 
} 

そして、私はAjaxのリクエストで "データ" を含まない場合は、これは私のAJAX

function GeneralPost(CursoDto) { 

      $.ajax({ 
       async: true, 
       url: "http://localhost:59245/api/ProfesorCurso?CourseId=123", 
       type: "Put", 
       dataType:'json', 
       data: JSON.stringify({ 

        Tittle: 'My tittle', 
        Description: 'I am describing yea' 
       }), 
       success: function (data) { 
        alert ('we did it!') 
       }, 
       error: function (msg) { alert('bad bad'); } 
      }); 
     } 

です私のAPIコントローラに到達することはできますが、データを含めると例外があります。 http://localhost:59245/api/ProfesorCurso?CourseId=400不良リクエスト

私が間違っていることについてのヒントはありますか？ありがとう

Answer 1

このCourseIdのパラメータタイプはGuidです。アクションリンクCourseIdパラメータはGuid "http://localhost:59245/api/ProfesorCurso?CourseId=123",

は全部が

まず間違って見えますview

public IHttpActionResult UpdateCursoProfesor(int CourseId, CourseViewModel ViewModel) 
{ 
/*Do something*/ 
return Ok(result); 
} 

Answer 2

controllerにActionResultメソッドパラメータtypeintまたは送信正しいGuid値をしないで、URLが含まれている必要がありますあなたが明らかにあなたがしていないRESTプリオンシップスに従わない限り、コントローラとアクション。

あなたのコントローラは、その後、あなたのURLは次のようなものでなければなりませんProfesorCursoControllerと呼ばれていると仮定すると：あなたはPUTリクエストを発行するので、あなたのデータは、要求の本体ではないにしてください、今

http://localhost:59245/api/ProfesorCurso/UpdateCursoProfesor

URL。

私はViewModelにcourseIDも含めて、TittleとDescriptionと一緒に解析するようにします。

あなたのコントローラは次のようになります：

[HttpPut] 
/*api controller*/ 
public IHttpActionResult UpdateCursoProfesor([FromBody] CourseViewModel ViewModel) 
{ 
/*Do something*/ 
return Ok(result); 
} 

あなたのjavascript：

function GeneralPost(CursoDto) { 

      $.ajax({ 
       async: true, 
       url: "http://localhost:59245/api/ProfesorCurso/UpdateCursoProfesor", 
       type: "PUT", 
       dataType:'json', 
       data: JSON.stringify({ 
        CourseID : some GUID not int! 
        Tittle: 'My tittle', 
        Description: 'I am describing yea' 
       }), 
       success: function (data) { 
        alert ('we did it!') 
       }, 
       error: function (msg) { alert('bad bad'); } 
      }); 
     } 

と最終的にあなたのViewModel：

public class CourseViewModel 
{ 
    public Guid CourseID { get;set; } 
    public string Tittle { get;set; } 
    public string Description { get;set; } 
}