无法将带有 jquery 的参数从正文传递给 webapi post 方法

Question

我有一个运行良好的 webapi（用 rest 客户端测试）。我正在尝试使用 jQuery 调用 post 方法。

$.ajax 和$.post 方法发送的参数都是空的。

表单体传入的数据模型为：

public class SearchCandidatCriteria
{
    public string Nom;
    public string Sexe;
    public string Ville;
    public int SituationFamiliale;
    public int NiveauAcademique;
    public int ServiceNational;
    public string PosteDemande;
}

jQuery方法是：

$.ajax({
            'url': 'http://localhost:6232/api/Candidats/rechercher',
            'method': 'POST',
            'data': JSON.stringify('{"Nom":"","Sexe":"F","Ville":"","SituationFamiliale":0,"NiveauAcademique":";n,n,;n,;n","ServiceNational":"2","PosteDemande":"120"}'),
            'Content-Type': 'application/json',
            success : function(data) {
                console.log(data);
            }
        });

控制器接收到的参数始终为空

Answer 1

你构造的请求不正确

构建 JavaScript 对象，然后将其字符串化

var data = {Nom:"",Sexe:"F",Ville:"",SituationFamiliale:0,NiveauAcademique:";n,n,;n,;n",ServiceNational:"2",PosteDemande:"120"};
$.ajax({
    url: 'http://localhost:6232/api/Candidats/rechercher',
    type: 'POST',
    dataType: 'json',
    data: JSON.stringify(data),
    contentType: 'application/json',
    success : function(data) {
        console.log(data);
    }
});

模型还应该使用属性而不是字段

public class SearchCandidatCriteria {
    public string Nom { get; set; }
    public string Sexe { get; set; }
    public string Ville { get; set; }
    public int SituationFamiliale { get; set; }
    public int NiveauAcademique { get; set; }
    public int ServiceNational { get; set; }
    public string PosteDemande { get; set; }
}