ASP.Net WebAPI méthode POST stocke la valeur NULL dans la base de données

Question

Ceci est ma méthode de requête HTTP GET qui prend la base de données sous forme de données et affiche la liste non ordonnée

$("#ulEmployees").ready(function() 
      { 
      var ulEmployees = $('#ulEmployees'); 
      $("#btn").click(function() { 
       $.ajax({ 
        type: 'GET', 
        url: 'api/Employees', 
        dataType: 'json', 
        success: function (data) { 
         ulEmployees.empty(); 
         $.each(data, function (index, val) { 
          var info = val.Employee_Name + ' Works for ' + val.Employee_Department + ' Department.'; 
          ulEmployees.append('<li>' + info + '</li>') 


         }); 
        } 
       }); 
      }); 
     }); 

méthode de requête GET fonctionne très bien, mais voici mon POST méthode de requête qui publie une valeur nulle dans la base de données.

$(document).ready(function(){ 
       $("#insertbutton").click(function() { 
        //var emp = new Object(); 
        var name = $("#employeename").val(); 
        var dep = $("#insertbutton").val(); 

        $.ajax({ 
         url: 'api/Employees', 
         type: 'POST', 
         dataType: 'json', 
         // data: emp, 
         data:'{"Employee_Name":"' +name+'","Employee_Department": "' +dep+'"}', 
         success: function() { 
          alert("Poduct is Inserted Successfully"); 
         } 
        }); 
       }); 
       }); 

sortie dans la base de données enter image description here est ici méthode pour gérer la demande à l'intérieur de poste de commande:

public void Post(Employee emp) 
     { 
      CompanyEntities ent = new CompanyEntities(); 
      ent.Employees.Add(emp); 
      ent.SaveChanges(); 
     } 

Voici la définition de la classe des employés

public partial class Employee 
    { 
     public int Employee_Id { get; set; } 
     public string Employee_Name { get; set; } 
     public string Employee_Department { get; set; } 
    } 
} 

Answer 1

Je suis la réponse. J'ai fait quelques changements à l'intérieur de la demande Post et cela a fonctionné:

$(document).ready(function(){ 
      $("#insertbutton").click(function() { 
       //var emp = new Object(); 
       var name = $("#employeename").val(); 
       var dep = $("#insertbutton").val(); 
       // console.log(name); 

       var sendinfo = { 
        Employee_Name: name, 
        Employee_Department: dep 

       }; 

       $.ajax({ 
        url: 'api/Employees', 
        type: 'POST', 
        dataType: 'json', 
        // data: emp, 
        data:sendinfo, 
        success: function() { 
         alert("Employee Inserted Successfully"); 
        } 
       }); 
      }); 
      }); 

Référence: Send JSON data via POST (ajax) and receive json response from Controller (MVC)