Unable to populate dropdownlist in Json,Ajax using MVC Bootstrap

Devendra Dighe

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

Controller

[HttpPost]
public ActionResult DisplayFamily()
{
try
{
var Json_DispayData = string.Empty;
OrderModel sdb = new OrderModel();
DataTable dt = sdb.BindComboBox();
List Bsk = new List();
Bsk = (from DataRow dr in dt.Rows
select new OrderModel.Basket()
{
BasketId = Convert.ToInt32(dr["BasketId"]),
BasketName = dr["BasketName"].ToString()
}).ToList();
var res = new SelectList(Bsk, "Basket", "Basket");
Json_DispayData = JsonConvert.SerializeObject(res);
return Json(new { Json_DispayData, SUCCESS = "SUCCESS" }, JsonRequestBehavior.AllowGet);
}
catch
{
return View();
}
}

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sachin Singh5y ago
Accepted answer
Test This
[HttpPost]
public ActionResult DisplayFamily()
{
try
{

OrderModel sdb = new OrderModel();
DataTable dt = sdb.BindComboBox();
List Bsk = new List();
Bsk = (from DataRow dr in dt.Rows
select new OrderModel.Basket()
{
BasketId = Convert.ToInt32(dr["BasketId"]),
BasketName = dr["BasketName"].ToString()
}).ToList();

return Json(Bsk, JsonRequestBehavior.AllowGet);
}
catch
{
return View();
}
}

$.ajax({
type: "POST",
url: "/Home/DisplayFamily",
data: "{}",
dataType: "json",
contentType: "application/json; charset=utf-8",
async: false,
success: function (data) {
debugger;
$.each(data, function (i, data)  {
    // bind the dropdown list using json result
$(',    {   value: data.BasketId ,  text: data.BasketName }).
html(data.BasketName).appendTo(".ddBasketName");
});
}
});
}
Khushbu Saini5y ago
hii ! try url parameter like this -
url: @Url.Action("DisplayFamily","Home")
Mageshwaran R5y ago
https://www.c-sharpcorner.com/article/ajax-call-for-dropdown-lists-in-mvc/