5

Buenas, Tengo este servicio web:

    [ScriptMethod(ResponseFormat = ResponseFormat.Json)]
    public string ObtenirProvinciaByPoblacio(int CodiProvincia)
    {
        clsCRUD _ou2 = new clsCRUD();
        try
        {
            _ou2.Connectar();
            List<clsProvincies> LlistaProvincies = clsDALProvincies.getList(_ou2, CodiProvincia);
            _ou2.Desconnectar();
            JavaScriptSerializer jss = new JavaScriptSerializer();
            string resultat_Json = jss.Serialize(LlistaProvincies);
            return resultat_Json;
        }
        catch (Exception ex)
        {
            throw;
        }

El cual me devuelve una lista de objetos (En este caso solo hay un objecto en la lista, pero no viene al caso). Y en la función de ajax tengo esto:

 $.ajax({
                url: "/WebServiceCV.asmx/ObtenirProvinciaByPoblacio",
                data: "{'CodiProvincia': '" + Codiprovincia + "' }",
                dataType: "json",
                type: "POST",
                contentType: "application/json; charset=utf-8",
                success: function (data) {                                          

                    $.each(data, function (index, item) {
                        alert(item);
                    });                  
                },
                error: function (request, status, error) {
                    alert(request.responseText);
                },
                failure: function (response) {
                    alert("arriva al failure");
                }
            });

En el alert me muestra bien el objeto: [{"Codi":25,"Nom":"LLEIDA"}] Pero no consigo de ninguna forma coger los valores Codi y Nom para trabajar con ellos. En teoria sería item.Codi o item.Nom ¿verdad? He intentado varias opciones pero no consigo nada.

2
  • Revertí la última actualización porque mostraba la respuesta en la pregunta. Xavier, debes marcar una respuesta como aceptada o de lo contrario aceptar tu propia respuesta Commented el 28 ene. 2016 a las 21:29
  • Recuerda que el valor devuelto es un string. Por lo tanto tiene que parsearlo a json. JSON.parse
    – ctm002
    Commented el 21 jun. 2017 a las 18:48

6 respuestas 6

3

Si solo te interesa un unico item de la lista porque no usas:

List<clsProvincies> LlistaProvincies = clsDALProvincies.getList(_ou2, CodiProvincia);
clsProvincies provincia = LlistaProvincies.First();
_ou2.Desconnectar();
JavaScriptSerializer jss = new JavaScriptSerializer();
string resultat_Json = jss.Serialize(provincia);
return resultat_Json;

Como veras al usar el First() solo tomas un unico item que se enviara como json al cliente.


Por otro lado veo que usas $.each en donde estas recorriendo cada item del array que devuelve el json, lo que no entiendo es como puede ser que data genera en cada item un array en lugar en lugar de ser un item simple.

No evaluaste poner un breakpoint en el javascript para poder inspeccionar el contenido de data ? puede usar las tools del browser para realizar esto

1
  • Gracias por la aportación, me lo apunto ;-)
    – Xavier
    Commented el 28 ene. 2016 a las 16:45
3

Con tan solo hacer item.Codi deberia devolver el 25 y con item.Nom el nombre.

Quedaría así tu código:

$.each(data, function (index, item) {
                        console.log(item.Codi);
                        console.log(item.Nom);
});  

DEMO

var data = [{"Codi":25,"Nom":"LLEIDA"}];

$.each(data, function (index, item) {
                        console.log(item.Codi);
                        console.log(item.Nom);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

2

Comentas que "En el alert me muestra bien el objeto: [{"Codi":25,"Nom":"LLEIDA"}]"

$.each(data, function (index, item) {
    alert(item);
});

Revisa la variable data, es posible que se te haya devuelto [[{"Codi":25,"Nom":"LLEIDA"}]].

Si es así, tendrías que poner item[0].Codi.

0
1

Que pasa si en lugar de usar

var valors = JSON.parse(data.d);

Devuelves uan clase como json sin serializarla

[ScriptMethod(ResponseFormat = ResponseFormat.Json)]
public List<clsProvincies> ObtenirProvinciaByPoblacio(int CodiProvincia)
{

    clsCRUD _ou2 = new clsCRUD();

    _ou2.Connectar();
    List<clsProvincies> LlistaProvincies = clsDALProvincies.getList(_ou2, CodiProvincia);
    _ou2.Desconnectar();

    return LlistaProvincies;
}

Como veras devuelves directo la lista sin serializar a json, veras que se devuelve directo la lista de provincias y no un string

0

Por el alert que muestras ([{"Codi":25,"Nom":"LLEIDA"}]), el resultado devuelto es un array de objetos y no un objeto en sí. Así que no lo accederías con item.Codi e item.Nom sino con item[0].Codi e item[0].Nom (sólo hay un objeto así que el índice sería 0)

3
  • $.each(data, function (index, item) { alert(item[0].Codi); }); --> el alert me muestra "undefinied"
    – Xavier
    Commented el 28 ene. 2016 a las 16:24
  • 1
    @Xavier debes hacer debug con console, porque usas Ajax, es mas alert no es un medio de debug de javascript/
    – Wilfredo
    Commented el 28 ene. 2016 a las 16:26
  • 1
    @Xavier: ¿Parseas data primero? Haz data = JSON.parse(data); al principio del success.
    – Alvaro Montoro
    Commented el 28 ene. 2016 a las 16:30
0

Ya me funciona, gracias. El código queda así:

$.ajax({
                url: "/WebServiceCV.asmx/ObtenirProvinciaByPoblacio",
                data: "{'CodiProvincia': '" + Codiprovincia + "' }",
                dataType: "json",
                type: "POST",
                contentType: "application/json; charset=utf-8",
                success: function (data) {                                          
                    var valors = JSON.parse(data.d);
                    $.each(valors, function (index, item) {
                        console.log(item.Codi);
                        console.log(item.Nom);
                    });
                },
                error: function (request, status, error) {
                    alert(request.responseText);
                },
                failure: function (response) {
                    alert("arriva al failure");
                }
            });
3
  • 2
    Hola javier, lo mejor seria que marques una respuesta como correcta, en lugar de comentarlo. Commented el 28 ene. 2016 a las 16:39
  • 1
    bien aplicaste el var valors = JSON.parse(data.d); esa linea es la clave ya que estabas enviando el json como string Commented el 28 ene. 2016 a las 16:42
  • Está bien que publiques cómo quedó el código al final para futura referencia para otros usuarios. Pero por favor, marca la respuesta que te fue útil como aceptada.
    – Konamiman
    Commented el 29 ene. 2016 a las 7:26

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.