espero puedan ayudarme con este problema. Lo que quiero lograr es llenar un dropDownList dependiendo de la selección de otro que cargo en el page_load, estoy usando un servicio rest para hacer la carga de datos y lenguaje C#.
El primer DropDownList lo cargo de esta manera en el Page_Load
protected void Page_Load(object sender, EventArgs e)
{
try
{
var url = "http://localhost:8090/Galenos/webresources/especialidadController/getData";
var webRest = new WebClient();
var content = webRest.DownloadString(url);
DataContractJsonSerializer dj = new DataContractJsonSerializer(typeof(Especialidad[]));
using (var ms = new MemoryStream(Encoding.Unicode.GetBytes(content)))
{
//var p = (prevision)dj.ReadObject(ms);
Especialidad[] p = (Especialidad[])dj.ReadObject(ms);
foreach (Especialidad x in p)
{
ListItem pv = new ListItem(x.nombre, x.id.ToString());
especialidades.Items.Add(pv);
}
}
}
catch (SerializationException ex)
{
}
catch (Exception ex)
{
}
}
Busque algo en internet y para llenar el segundo DropDownList use este código JavaScript
$(document).ready(function () {
$("#especialidades").change(function () {
alert("change");
$.ajax({
type: "GET",
url: "http://localhost:8090/Galenos/webresources/usuarioController/getMedico",
data: "{esp: '" + $('#especialidades').val() + "'}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (response) {
alert("entra");
var models = (typeof response.d) == 'string' ? eval('(' + response.d + ')') : response.d;
$("#medicos").get(0).options.length = 0;
for (var i = 0; i < models.length; i++) {
var val = models[i].rut;
var text = models[i].nombre;
$("#medicos").get(0).options[$("#medicos").get(0).options.length] = new Option(text, val);
}
},
error: function (response) {
if (response.length != 0)
alert("error"+response);
}
});
});
});
Pero no funciona, no me carga el segundo DropDownList, la url del servicio rest si funciona, por que cuando pongo en el explorador me retorna el json con los datos de los medicos
El código asp de la declaración de los DropDownList es este
<label for="especialidades">Especialidad medica :</label>
<asp:DropDownList ID="especialidades" ClientIDMode=Static runat="server"></asp:DropDownList>
<br/>
<label for="medicos">Medico :</label>
<asp:DropDownList ID="medicos" ClientIDMode=Static runat="server"></asp:DropDownList>
<br />
Si existe otra forma de hacer esta carga de datos estaría bien para mi igual, no necesariamente tiene que ser con Ajax, es solo que lei que la mejor forma seria así, pero no conozco como funciona muy bien esto