Devendra Dighe

Devendra Dighe

  • 2k
  • 78
  • 4.1k

Unable to populate dropdownlist in Json,Ajax using MVC Bootstrap

Jan 12 2021 6:19 AM
Hello I am trying to populate Dropdownlist in Boostrap MVC but I am getting error in jquery
 
Error is Faild to load resource:the server responded with status of 500 (Internal server Error) in jquery
 
below is the script which I wrote
  1. <script>  
  2. function BindBasketDD()  
  3. {  
  4. debugger;  
  5. $.ajax({  
  6. type: "POST",  
  7. url: "/Home/DisplayFamily",  
  8. data: "{}",  
  9. datatype: "json",  
  10. contentType: "application/json; charset=utf-8",  
  11. async: false,  
  12. success: function (data) {  
  13. debugger;  
  14. var jsonData = '<option value="' +  
  15. 0 + '">' + "--Select Basket--" + '</option>';  
  16. //$(".ddBasketName").append(jsonData);  
  17. for (var i = 0; i < data.length; i++)  
  18. {  
  19. jsonData += '<option value="' + data[i].BasketId + '">' + data[i].BasketName + '</option>';  
  20. }  
  21. $(".ddBasketName").html(jsonData)  
  22. //$.each(data, function (i) {  
  23. // var jsonData = '<option value="' +  
  24. //data[i].Value + '">' + data[i].Text + '</option>';  
  25. // $(".ddBasketName").append(jsonData);  
  26. //});  
  27. }  
  28. });  
  29. }  
  30. </script>  
 
Controller
  1. [HttpPost]  
  2. public ActionResult DisplayFamily()  
  3. {  
  4. try  
  5. {  
  6. var Json_DispayData = string.Empty;  
  7. OrderModel sdb = new OrderModel();  
  8. DataTable dt = sdb.BindComboBox();  
  9. List<OrderModel.Basket> Bsk = new List<OrderModel.Basket>();  
  10. Bsk = (from DataRow dr in dt.Rows  
  11. select new OrderModel.Basket()  
  12. {  
  13. BasketId = Convert.ToInt32(dr["BasketId"]),  
  14. BasketName = dr["BasketName"].ToString()  
  15. }).ToList();  
  16. var res = new SelectList(Bsk, "Basket""Basket");  
  17. Json_DispayData = JsonConvert.SerializeObject(res);  
  18. return Json(new { Json_DispayData, SUCCESS = "SUCCESS" }, JsonRequestBehavior.AllowGet);  
  19. }  
  20. catch  
  21. {  
  22. return View();  
  23. }  
  24. }  

Answers (3)