Création, envoi et désérialisation d'un objet json contenant des tableaux

Question

Je suis vraiment nouveau chez JSON, mais voici ce que j'ai obtenu. J'avais besoin de créer un objet qui contient un tableau/liste et quelques champs plats. Par exemple:

var names= new Array(); 
    names[0] = "Christy"; 
    names[1] = "Jeremy"; 
var obj = { 
    names: names, 
    age: "21+", 
    comment: "friends" 
}; 

Je puis stringify et tenter de l'envoyer à un pagemethod via AJAX:

var jsonData = JSON.stringify(obj); 
sendData(obj); 

Et puis l'envoi:

function sendData(jsonData) { 
    $.ajax({ 
     type: "POST", 
     url: "Default.aspx/TestArray", 
     data: jsonData, 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     success: function (msg) { 
      alert('win'); 
     }, 
     error: function (a, b, ex) { 
      alert('fail'); 
     } 
    }); 
} 

donc tous ensemble:

$(document).ready(function() { 
    $("#btnSubmit").click(function (e) { 
     e.preventDefault(); 
     var names = new Array(); 
     names[0] = "Christy"; 
     names[1] = "Jeremy"; 
     var obj = { 
      names: names, 
      age: "21+", 
      comment: "friends" 
     }; 
     var jsonData = JSON.stringify(obj); 
     sendData(jsonData); 
    }); 

    function sendData(jsonData) { 
     $.ajax({ 
      type: "POST", 
      url: "Default.aspx/TestArray", 
      data: jsonData, 
      contentType: "application/json; charset=utf-8", 
      dataType: "json", 
      success: function (msg) { 
       alert(msg.d); 
      }, 
      error: function (a, b, ex) { 
       alert("oops: " + ex); 
      } 
     }); 
    } 
}); 

Je ne sais pas si je fais ce droit. Il ne va même pas à la webmethod, il va plutôt directement à la fonction d'erreur. Mais juste pour le plaisir de la conversation, voici ce que j'ai dans le behind:

[WebMethod()] 
public static string TestArray(string guids) 
{ 
    Comment cmt = (Comment)JsonConvert.DeserializeObject(guids, typeof(Comment)); 
    return "Winner"; 
} 

Et la classe cours im essayant de désérialiser dans:

public class Comment 
{ 
    public List<string> names { get; set; } 
    public string age { get; set; } 
    public string comment { get; set; } 
} 

Answer 1

Selon la signature de votre méthode web:

public static string TestArray(string guids) 

vous devez envoyer un seul argument de chaîne alors que vous envoyez un objet JSON complexe entier qui n » t match. Alors:

var jsonData = JSON.stringify({ guids: 'foo bar' }); 

Maintenant, si vous voulez envoyer une utilisation complexe de la structure:

public static string TestArray(Comment comment) 

puis:

var names = new Array(); 
    names[0] = "Christy"; 
    names[1] = "Jeremy"; 
var obj = { 
    names: names, 
    age: "21+", 
    comment: "friends" 
}; 
var jsonData = JSON.stringify({ comment: obj }); 

également dans votre méthode Web ne pas faire de sérialisation JSON/désérialisations. C'est une infrastructure qui est gérée pour vous par le framework. Donc, pour résumer:

[WebMethod] 
public static string TestArray(Comment comment) 
{ 
    return "Winner"; 
} 

puis:

var names = new Array(); 
    names[0] = "Christy"; 
    names[1] = "Jeremy"; 
var obj = { 
    names: names, 
    age: "21+", 
    comment: "friends" 
}; 
var jsonData = JSON.stringify({ comment: obj }); 

$.ajax({ 
    type: "POST", 
    url: "Default.aspx/TestArray", 
    data: jsonData, 
    contentType: "application/json; charset=utf-8", 
    dataType: "json", 
    success: function (msg) { 
     // Notice the .d property. That's ASP.NET PageMethods 
     // serialize the response. 
     alert(msg.d); 
    }, 
    error: function (a, b, ex) { 
     alert('fail'); 
    } 
}); 

également afin de pouvoir facilement déboguer ces problèmes à l'avenir, je recommande très fortement à l'aide d'un outil de débogage javascript tel que Firebug qui vous montre les éventuelles erreurs js que vous pourriez avoir ainsi que tout le trafic réseau, y compris les requêtes AJAX.

Answer 2

Vous êtes objet de données JSON n'a pas être stringifié. JQuery crée automatiquement un objet JSON pour elle:

var jsonData = JSON.stringify(obj); 
sendData(jsonData); 

peut-il devenir:

sendData(obj); 

En outre, dans le code derrière vous utilisez JsonConvert de la bibliothèque JSON.Net, .NET dispose également d'un (un peu limité) Analyseur JSON appelé JavaScriptSerializer. De cette façon, vous pouvez utiliser quelque chose comme:

public static string TestArray(string guids) 
{ 
    JavaScriptSerializer serializer = new JavaScriptSerializer(); 
    // Deserialize 
    Comment cmt = serializer.Deserialize<Comment>(guids); 
}