Dhilipkumar r

Dhilipkumar r

  • NA
  • 100
  • 4.7k

Angular JS Pass json data to mvc controller in the form of l

Jul 25 2019 8:15 AM
I need to pass json in the form of List to controller in Angular JS Post.
 
I have tried to send data in form of Json to get it as list in the MVC controller. But when I did it , I get only row count at MVC Controller. The variables in the list are null
 
Angular Js Controller
 
  1. $scope.SaveTaxRange = function (){  
  2. var formdata = $("#frmTaxSetup").serializeArray();  
  3. var uniqueKey = { name: "AngularJS", value: "SaveTaxRange" };  
  4. formdata.push(uniqueKey); var tableData = [];  
  5. try { $('#tablTaxRange tbody tr').each(function (index, element) {  
  6. //tableData = {}; tableData.push({  
  7. Min_amt: $(this).find('th:eq(0) input').val(),  
  8. Max_amt: $(this).find('th:eq(1) input').val(),  
  9. Tax_percent: $(this).find('th:eq(2) input').val(),  
  10. Tax_type: $(this).find('th:eq(3) input').val(),  
  11. });  
  12. tableData.push({  
  13. Min_amt: $(this).find('th:eq(0) input').val(),  
  14. Max_amt: $(this).find('th:eq(1) input').val(),  
  15. Tax_percent: $(this).find('th:eq(2) input').val(),  
  16. Tax_type: $(this).find('th:eq(3) input').val(),  
  17. });  
  18. });  
  19. }catch (e) { alert(e); }  
  20. uniqueKey = { name: "lstTaxRangeSave", value: tableData };  
  21. formdata.push(uniqueKey); var data = {};  
  22. $(formdata).each(function (index, obj) {  
  23. data[obj.name] = obj.value;  
  24. });  
  25. $http({  
  26. url: "/PayModule/Pay_mas_taxsetup",  
  27. method: "Post",  
  28. data: { "model": data }  
  29. })  
  30. .then(function(response){});  
  31. };  
  32. MVC Model  
  33.   
  34. public class TaxSetupMaster  
  35. {  
  36. public class TaxRange  
  37. {  
  38. public string Min_amt;  
  39. public string Max_amt;  
  40. public string Tax_percent;  
  41. public string Tax_type;  
  42. public string add;  
  43. }  
  44. public List<TaxRange> lstTaxRangeSave { get; set; }  
  45. }  
  46. MVC Controller  
  47.   
  48. [AcceptVerbs(HttpVerbs.Get | HttpVerbs.Post)]  
  49. public ActionResult Pay_mas_taxsetup( TaxSetupMaster model)  
  50. {  
  51. var a = model.lstTaxRangeSave ;//Here it shows rowcount 2 but the variables are null. Is it feasible to get the data from html?  
  52. }  
Thanks in advance

Answers (1)