estoy trabajando con una vista razor en asp.Net y mvc c#, tengo mi ajax donde estoy mostrando una lista de datos desde la base de datos y pues no se de que manera en el campo id quisiera que me mostrara el nombre de la tabla ya que es una foranea
<script>
function Lista() {
var table = $("#lista_users");
var dato = "";
$.ajax({
url: "@Url.Action("Lista", "Usuarios")",
type: "post",
dataType: "json",
success: function (data) {
table.empty();
$.each(data, function (index, val) {
if (data) {
dato += "<tr>";
dato += "<td>" + val.usuario + "</td>";
dato += "<td>" + val.nombre + "</td>";
dato += "<td>" + val.apellido + "</td>";
dato += "<td>" + val.id_rol + "</td>";
dato += "</tr>";
}
});
table.append(dato);
jQuery("#dialogo").dialog("close");
},
});
}
ese campo id_rol me enlaza a la tabla padre roles y quisiera mostrar el nombre de ese rol en vez del id en mi vista, si alguien puede ayudar se lo agradeceria mucho.
mi json es así
public JsonResult Lista() {
return Json(db.usuarios.ToList(), JsonRequestBehavior.AllowGet);
}
Hice mi sp y lo he dejado así, no se si esta bien, no tengo mucho conocimiento :v
public JsonResult Lista() {
return Json(db.SP_leerUsuario, JsonRequestBehavior.AllowGet);
}