Discussion :

[StefaneG]

Bonjour
je voudrais poster en ajax une valeur d'une ligne d'un tableau

exemple

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<table>
<tr>
<td>le chien jaune</td>
<td>123<td>
<td><button type="button">ajouter</button></td>
<td>le chien vert</td>
<td>124<td>
<td><button type="button">ajouter</button></td>
</tr>
</table>

je voudrais quant je click sur le premier bouton ou le deuxième, il m'affiche la valeur associer (123 ou 124) dans un post ajax.

merci par avance

[mathieu]

AJAX est une technique qui permet au code JavaScript de dialoguer avec un serveur donc je ne comprends pas ce que vous appelez "afficher la valeur dans un post ajax"
pouvez vous nous montrez un exemple ainsi que le code que vous avez essayé ?

[StefaneG]

C'est tout simple
je veux obtenir les valeur des ligne que je selectionne a l'aide du bouton pour les envoyer au serveur par la methode 'post'
ex/:

....
type : post
url: .......
data : (valeur de ma ligne selectionne)
....

[mathieu]

pour faire cela, vous pouvez mettre les valeurs dans un attribut "data" du bouton :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<button data-valeur="153">bouton 1</button>
<button data-valeur="154">bouton 2</button>

et ensuite vous pouvez envoyer cette valeur avec jQuery par exemple comme cela :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
    $("button").click(function (e) {
 
        $.ajax({
            "url" : "serveur",
            "method" : "POST",
            "data" : {
                "valeurBouton" : $(this).data("valeur"),
            },
        });
 
 
    });

[StefaneG]

salut
en 1 mot
impecable
c'est exatement ca

merci

[StefaneG]

salut
une dernière petite chose...
comment faire pour changer le texte du bouton sélectionnez ex

dans mon exemple

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<button data-valeur="153">bouton 1</button>
<button data-valeur="154">bouton 2</button>

quand je click sur "bouton 2" ça lance ma procédure ajax ça envoie bien a mon serveur et ca retourne un "success" en retour et il faut que mon "bouton 2" devienne "Supprimer"
merci

[mathieu]

le texte du bouton peut être modifié avec la méthode http://api.jquery.com/html/