Poste à un objet de données à l'aide de Jquery Ajax

Mon code que j'ai essayé est comme suit:

var dataO = new Object();
dataO.numberId = 1;
dataO.companyId = 531;

$.ajax({
 type: "POST",
 url: "TelephoneNumbers.aspx/DeleteNumber",
 data: "{numberId:1,companyId:531}",
 contentType: "application/json; charset=utf-8",
 dataType: "json",
 success: function(msg) {
 alert('In Ajax');
 }
});

Je voudrais passer de l'objet dataO que les données ajax, comment puis-je le faire?

InformationsquelleAutor RubbleFord | 2009-07-01
  1. 42

    Je vais quitter ma réponse originale à cette question en place, mais le dessous est de savoir comment vous avez besoin de s'en approcher.
    (Pardonnez-moi mais c'est un long temps depuis que j'utilise régulièrement asp.net /services web avec jquery:)

    Vous devez utiliser les lib js json2 de la bibliothèque, vous pouvez alors utiliser le stringify méthode pour assurer votre json est dans le format correct pour le service.

    var data0 = {numberId: "1", companyId : "531"};

var json = JSON2.stringify(data0 ); 

$.ajax({
 type: "POST",
 url: "TelephoneNumbers.aspx/DeleteNumber",
 data: json,
 contentType: "application/json; charset=utf-8",
 dataType: "json",
 success: function(msg) {
 alert('In Ajax');
 }
});

    Mise à JOUR: Même question /réponse ici

    • ou juste $.param(data0)
    • le param méthode n'était pas le meilleur quand cela a été écrit. Modifié dans la version 1.4
    • JSON2... devrait être JSON...
    • pas en 2009, il n'était pas.....
    • Je suppose qu'il n'est plus nécessaire d'utiliser JSON2 au lieu de JSON, à partir de 2015 (à moins exigeant la compatibilité avec les anciens navigateurs). Est ce que le droit?
    • Corriger @Janos, sauf si vous le ciblage ie8 etc

    InformationsquelleAutor redsquare
  2. 8

    Tous les tableaux passé à php doit être l'objet de littéraux. Voici un exemple de JS/jQuery:

    var myarray = {};  //must be declared as an object literal first

myarray[fld1] = val;  //then you can add elements and values
myarray[fld2] = val;
myarray[fld3] = Array();  //array assigned to an element must also be declared as object literal

    etc...`

    Il peut maintenant être envoyé via Ajax dans les données: paramètre comme suit:

    data: { new_name: myarray },

    php capte et se lit comme un tableau normal, sans décodage nécessaire. Voici un exemple:

    $array = $_POST['new_name'];  //myarray became new_name (see above)
$fld1 = array['fld1'];
$fld2 = array['fld2'];
etc...

    Toutefois, lorsque vous revenez d'un tableau de jQuery via Ajax, il doit d'abord être codé à l'aide de json.
    Voici un exemple en php: 

    $return_array = json_encode($return_aray));
print_r($return_array);

    Et la sortie qui ressemble à quelque chose comme ceci:

    {"fname":"James","lname":"Feducia","vip":"true","owner":"false","cell_phone":"(801) 666-0909","email":"[email protected]", "contact_pk":"","travel_agent":""}

    {encore, nous voyons l'objet littéral de codage des balises} maintenant, il peut être lu par JS/jQuery comme un tableau sans aucune autre action à l'intérieur de JS/JQuery... Voici un exemple dans jquery ajax:

    success: function(result) {
console.log(result);
alert( "Return Values: " + result['fname'] + " " + result['lname'] );
}
    • Aussi c'est un très vieux post, mais dans les nouvelles Applications de Serveur, vous n'avez pas besoin de JSON pour les requêtes post. Par Exemple, dans CQmvc (github.com/mohamad-z/CQmvc), on peut quitter dataO objet dataO.numberId:1 et dataO.companyId:531 et afficher les données. Dans le côté Serveur, de votre Action de plaidoyer doit être DeleteNumber(ObjectRepresentingYourSpecificType dataO) et c'est tout
    • Plus un pour l'utilisation de l'anglais ordinaire sans ambiguïté lors de la description de votre exemple.
    InformationsquelleAutor Rex
  3. 4

    N'est pas nécessaire de transmettre les données en tant que chaîne JSON, vous pouvez passer de l'objet directement, sans définir contentType ou dataType, comme ceci:

    $.ajax({
    type: "POST",
    url: "TelephoneNumbers.aspx/DeleteNumber",
    data: data0,

    success: function(data)
    {
        alert('Done');
    }
});
    InformationsquelleAutor Villapalos
  4. 3

    Juste passer de l'objet tel qu'il est. Remarque vous pouvez créer l'objet comme suit

    var data0 = {numberId: "1", companyId : "531"};

$.ajax({
 type: "POST",
 url: "TelephoneNumbers.aspx/DeleteNumber",
 data: dataO,
 contentType: "application/json; charset=utf-8",
 dataType: "json",
 success: function(msg) {
 alert('In Ajax');
 }
});

    Mise à JOUR semble un étrange problème avec le sérialiseur, peut-être qu'il attend une chaîne de caractères, par intérêt pouvez-vous essayer le suivant.

    de données: "{'numberId':'1', 'companyId ':'531'}",

    • les données de la requête ressemble à numberId=1&companyId=531 et j'obtiens un "Message":"Invalid JSON primitive: numberId.","StackTrace":" au Système.Web.Script.La sérialisation.JavaScriptObjectDeserializer .DeserializePrimitiveObject()
    • pouvez-vous essayer avec les guillemets comme l'modifié ci-dessus
    • Même problème malheureusement
    • pouvez-vous essayer le ci-dessus? Je sais que ce n'est pas une réponse, mais juste par intérêt
    • Ouais je l'ai fait essayer a reçu le même message.
    InformationsquelleAutor redsquare
  5. 1

    Vous pouvez passer d'un objet à la data option dans $.ajax. jQuery envoie régulièrement les données post, juste comme un simple formulaire HTML.

    $.ajax({
    type: "POST",
    url: "TelephoneNumbers.aspx/DeleteNumber",
    data: dataO, //same as using {numberId: 1, companyId: 531}
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function(msg) {
        alert('In Ajax');
    }
});
    • J'ai déjà essayé cela et mon .net webmethod a question du deserialising la demande.
    InformationsquelleAutor moff
  6. 0

    [object Object]
    Cela signifie que quelque part l'objet est converti en chaîne de caractères.

    Converti en une chaîne:

    //Copy and paste in the browser console to see result

var product = {'name':'test'};
JSON.stringify(product + '');

    Pas converti en une chaîne:

    //Copy and paste in the browser console to see result

var product = {'name':'test'};
JSON.stringify(product);
    InformationsquelleAutor Delorme Grant