Post
Ask Question

Post Data on Controller Using jQuery Ajax

Step 1:
  1. function SaveNGetQuotation() {  
  2. var OdDiscount;  
  3. var CompanyName;  
  4. var AddonsName;  
  5. var AddonType;  
  6. var TariffRate;  
  7. var QuotationID;  
  8. var CompanyID;  
  9. var AddonsNameID;  
  10. var AddonTypeID;  
  11. var results = new Array();  
  12. var QuotationId = $("#LeadId").val();  
  13. $("#tbllstAddons tbody tr ").each(function () {  
  14. CompanyID = $("td:first-child .InsuranceCompanyID", $(this)).val();  
  15. CompanyName = $("td:first-child .InsuranceCompany", $(this)).val();  
  16. AddonsNameID = $("td:first-child .AddonsNameID", $(this)).val();  
  17. AddonsName = $("td:first-child .AddonsName", $(this)).val();  
  18. AddonTypeID = $("td:first-child .AddonsTypeID", $(this)).val();  
  19. AddonType = $("td:first-child .AddonsTypeName", $(this)).val();  
  20. OdDiscount = $("td:first-child .AddonsDiscount", $(this)).val();  
  21. TariffRate = $("td:first-child .TariffRate", $(this)).val();  
  22. var obj = {  
  23. InsuranceCompany: CompanyName,  
  24. InsuranceCompanyID: CompanyID,  
  25. AddonsDiscount: OdDiscount,  
  26. AddonsType: AddonType,  
  27. AddonsTypeID: AddonTypeID,  
  28. TariffRate: TariffRate,  
  29. AddonsName: AddonsName,  
  30. AddonsNameID: AddonsNameID  
  31. };  
  32. results.push(obj);  
  33. });  
  34. var widgets = results;  
  35. $.ajax({  
  36. url: "/Proposal/SaveAddonsData",  
  37. type: 'POST',  
  38. dataType: 'json',  
  39. //data: JSON.stringify(widgets),  
  40. data: JSON.stringify({ objAddonList: widgets, QuotId: QuotationId }),  
  41. contentType: 'application/json; charset=utf-8',  
  42. success: function (result) {  
  43. // alert(result);  
  44. $(".accordion-toggle", "#divOfflineQuote").removeClass("accordion-toggle").addClass("accordion-toggle collapsed");  
  45. $(".accordion-toggle", "#divOfflineQuote").attr('aria-expanded', 'false');  
  46. $("#collapseOffline").removeClass("panel-collapse collapse in").addClass("collapse");  
  47. $("#collapseOffline").attr('aria-expanded', 'false');  
  48. $("#collapseOffline").removeAttr('style');  
  49. $("#collapseOffline").css({ "height": "0px" });  
  50. $("#offlineItag").removeClass("fa-minus").addClass("fa-plus");  
  51. }  
  52.   
  53. })  
  54. }  
Step 2: Call this function on any Click Event
 
Step 3:
 
When we click on View Quotes, it show the data from database.