Récupérer la saisie utilisateur avec ajax

Version imprimable

Bonjour,
je fais un post avec ajax dans un fichier externe. voici le code de la vue :

Code:

1
2
3
4
5
6
7
8
 
  <td class="sesd">@Html.TextBox("name", item.Product.name)</td>
                                <td class="gftr">@Html.TextBox("total", item.Total)</td>
                                <td class="gtrf">@Html.TextBox("quantity", item.Quantity)</td>
 
                }
 
                <td class="huyt"><a href="javascript:updatecartitems( @item.Product.Id, @item.Quantity)">modifier</a></td>

et le fichier externe:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
 
function updatecartitems(id, qty) {
   formulaire = $("#Formulaire");
    //if (!formulaire.validate().form()) {
    //    // formulaire invalide - terminé
    //    return;
    //}
 
 
    $.ajax({
        url: '/RLT/UpdateCartItems',
        type: 'POST',
        datatype: 'html',
        data:"id="+id+"&qty="+qty ,
 
        beforeSend: function () {
            loading.show();
            //qty = $("#quantity");
            qty= document.getElementById("quantity").value;
        },
 
        success: function (data) {
            // content.html(data);
            content.html(data);
        },
 
        complete: function () {
            loading.hide()
 
 
        }
 
        //error : function(resultat){
        //    content.html(resultat.reponseText);
 
        //}
 
 
    });
 
}

le post envoie bien les données mais pas les données modifiées. le post n'envoie que les données initiales. je comprends que je ne recupère pas les données modifiées et pourtant je pensais bien le faire avec ceci :

Code:

1
2
3
4
5
6
 
beforeSend: function () {
            loading.show();
            //qty = $("#quantity");
            qty= document.getElementById("quantity").value;
        },

je pense que je me prends mal aidez moi svp. comment recuperer une saisie utilisateur avec ajax ?

Merci bien
Prisson

bonjour,

je ne connais pas cette syntaxe : @Html.TextBox(...), @item.Product.Id,... :koi:

Néanmoins, il faut récupérer les données modifiées DANS la fonction :
Code:

1 2 3 4 5 function updatecartitems( id ) { var formulaire = $("#Formulaire"); // var qty= document.getElementById("quantity").value; // syntaxe JavaScript var qty= $("#quantity").val(); // syntaxe jQuery ...
encore faut-il que tu aies un input :

Code:

<input id="quantity" name="qty" value="....." />

Mais bon.
Il faut nous expliquer plus précisément le fonctionnement : on peut modifier 1 seul produit à la fois ? plusieurs ?

id="quantity" ne fonctionne qu'avec UN SEUL (car un id est UNIQUE).

08/12/2017, 10h59
Prisson

Bonjour jreaux62,

Merci bien pour la promptitude de ta réaction. il existe un lien modifier sur toutes les lignes et la modification de chaque ligne est validée par le lien modifié adjacent. en ajustant le code comme tu viens de me l'indiquer la première ligne réagit positivement mais les autres lignes pas encore.

c'est peut-etre ce que tu voulais dire par ceci :

Citation:

Mais bon.
Il faut nous expliquer plus précisément le fonctionnement : on peut modifier 1 seul produit à la fois ? plusieurs ?

id="quantity" ne fonctionne qu'avec UN SEUL (car un id est UNIQUE).

Merci pour la suite
Prisson

Bonjour à tous.
bon j'ai individualisé l'input des quantités ainsi :
Code:

1 2 <td><input id="@item.Quantity" name="@item.Product.Id" value="@item.Quantity" /></td>
maintenant comment faire référence à l'élément ainsi nommé au niveau du code ajax ? J'ai cru que le code ci fonctionnerait mais non ca ne marche pas.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 function updatecartitems(id, qty) { formulaire = $("#Formulaire"); qty = $("#"+id).val(); $.ajax({ url: '/RLT/UpdateCartItems', type: 'POST', datatype: 'html', data:"id="+id+"&qty="+qty ,
Merci d'avance.

je suis passé à ceci
Code:

1 2 3 4 5 6 function updatecartitems(id, qty) { formulaire = $("#Formulaire"); // qty = $(id).val(); qty = $("#Tableau").find("#"+id).val();
Code:

1 2 <td><input id="@item.Product.Id" name="@item.Product.Id" value="@item.Quantity" /></td>
mais jusque là sauf la première ligne reagit positivement et les lignes suivantes lèvent une exception.

j'ai besoin de votre aide svp.

Code:

1
2
3
<td><input id="qty-@item.Product.Id" name="qty" value="@item.Quantity" /></td>
 
<td class="huyt"><a href="updatecartitems( @item.Product.Id ); return false;">modifier</a></td>

Code:

1
2
3
4
5
function updatecartitems( id )
{
   formulaire = $('#Formulaire');
 
   qty = $('#qty-'+id).val();

08/12/2017, 15h20
Prisson

Merci bien mon cher pour ta sollicitude.
je recois le message suivant:

Citation:

Erreur du serveur dans l'application '/'.
La ressource est introuvable.
Description : HTTP 404. La ressource recherchée (ou l'une de ses dépendances) a peut-être été supprimée ou renommée ou bien elle n'est plus disponible temporairement. Vérifiez l'URL ci-après et assurez-vous qu'elle est correcte.

URL demandée: /RLT/updatecartitems( 10 ); return false;

Informations sur la version : Version Microsoft .NET Framework :4.0.30319; Version ASP.NET :4.6.1055.0

A bientot

voici l'action du controller pour que tu voies sa signature. peut-être le problème se trouverait il à ce niveau ?

Code:

1
2
3
4
5
6
7
8
9
10
 
public PartialViewResult UpdateCartItems(FormCollection data, SessionModel session,long id,int qty)
        {
          ShoppincartModel modele =new ShoppincartModel();
 
            modele.quantity =qty;
            modele.Id =id;
 
           return PartialView(modele);
        }

08/12/2017, 16h52
Invité

A mon avis, il faut remplacer :

Code:

<td class="huyt"><a href="updatecartitems( @item.Product.Id ); return false;">modifier</a></td>

par

Code:

<td class="huyt"><button type="button" onclick="updatecartitems( @item.Product.Id ); return false;">modifier</button></td>
08/12/2017, 17h05
Prisson

Merci bien Tres Cher.
ca fonctionne super bien.
que Dieu te bénisse.