Discussion :

[delpphil]

Bonjour,

Après quelques heures passées à écumer les forums et didacticiels en tout genre, je fais appel à un ami : "vous"

Deux fichiers :

Le premier listant les données en tableau

Code :

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

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
 
 
        while($data = $req->fetch())
    {
 
    ?>
<tr>
        <td>
            <span class="custom-checkbox">
                <input type="checkbox" id="checkbox1" name="options[]" value="1">
                <label for="checkbox1"></label>
            </span>
        </td>
    <td class="pt-3-half" contenteditable="true"><?php echo htmlspecialchars($data['id']);?></td>
    <td class="pt-3-half" contenteditable="true"><?php echo htmlspecialchars($data['num_cmd']);?></td>
    <td class="pt-3-half" contenteditable="true"><?php echo htmlspecialchars($data['title']);?></td>
    <td class="pt-3-half" contenteditable="true">xxx</td>
    <td class="pt-3-half" contenteditable="true">xxx</td>
    <td class="pt-3-half"> xxx  </td>
    <td><span class="label label-important">Pas Ok</span></td>
    <td>
        <div id="buttonInline">
            <button id="validation" data-toggle="modal" data-target="">
                <i class="fa fa-edit"></i>
            </button>

J'ai un problème avec le delete (les autres ne sont pas encore fonctionnels et je pense que lorsque j'aurai ma solution le reste ira)

Donc : je voudrais en cliquant sur le bouton :

Code :

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

1
2
3
4
5
 
<button id="delete" >
 <i class="fa fa-times"></i>
 <input type="hidden" id="IdSend" value="<?php echo htmlspecialchars($data['id']);?>"></input>
 </button>

que le code jquery ci-dessous envois le contenu de l'ID vers un autre fichier qui lui contient la requête php.
Je précise que si je place cet input dans une "form" ça fonctionne très bien.
Mais voilà je voudrais le faire avec Ajax (pour des raisons de template et d'apprentissage)
Je tiens à dire dès à présent que ce petit bout de code fonctionne. Utilisé à des fins de test de l'id

Code :

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

1
2
3
4
5
6
 
$(function()
{
    $('#delete').click(function()
    {
        alert('cliqué !');

voici le code que je souhaiterais faire fonctionner :

Code :

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

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
 
<script>
$(function()
{
    $('#delete').click(function()
    {
 
    var idReceive = $('#idSend').val();
 
    $.ajax(
        {
        type: "POST",
        url: "cmdDelete.php",
        id: idReceive,
        dataType: "json",
        success: function(reponse)
        {
            alert(reponse);
        },
        error: function()
        {
            alert(error);
        }
        });          
    });
});
</script>

J'ai essayé une multitude de syntaxes, le $post les htmlrequest au final j'ai ceci dans ma console :

Code :

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

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
 
Uncaught Error: Syntax error, unrecognized expression: #
    at Function.oe.error (jquery-3.3.1.min.js:2)
    at oe.tokenize (jquery-3.3.1.min.js:2)
    at oe.select (jquery-3.3.1.min.js:2)
    at Function.oe [as find] (jquery-3.3.1.min.js:2)
    at w.fn.init.find (jquery-3.3.1.min.js:2)
    at new w.fn.init (jquery-3.3.1.min.js:2)
    at w (jquery-3.3.1.min.js:2)
    at e (bootstrap.min.js:7)
    at HTMLAnchorElement.<anonymous> (bootstrap.min.js:7)
    at Function.each (jquery-3.3.1.min.js:2)
oe.error @ jquery-3.3.1.min.js:2
oe.tokenize @ jquery-3.3.1.min.js:2
oe.select @ jquery-3.3.1.min.js:2
oe @ jquery-3.3.1.min.js:2
find @ jquery-3.3.1.min.js:2
w.fn.init @ jquery-3.3.1.min.js:2
w @ jquery-3.3.1.min.js:2
e @ bootstrap.min.js:7
(anonymous) @ bootstrap.min.js:7
each @ jquery-3.3.1.min.js:2
each @ jquery-3.3.1.min.js:2
d @ bootstrap.min.js:7
dispatch @ jquery-3.3.1.min.js:2
y.handle @ jquery-3.3.1.min.js:2

Précisons que je n'ai ps de fichier js personnel.

En continuant de tester je me rends compte que la variable php n'existe pas en dehors de la boucle ... mais pourquoi et que faire ?

Outre celà il doit également y avoir un problème dans la partie Jquery car lorsque je donne une valeur à ma variable ID elle n'est de toute façon pas envoyée non plus.
Un simple echo("hello world") à la place de mon scrip php delete ne renvois rien

[Invité]

Bonjour,

Je me suis arrêté au 1er script :

Code php :

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

1
2
3
4
5
        while($data = $req->fetch())
    {
?>
...
                <input type="checkbox" id="checkbox1"....

un attribut id DOIT ETRE UNIQUE.

Or là, tu mets des id "fixes" dans une boucle (while)

Donc, il faut d'abord corriger ça.

1- En remplaçant par des classes.

2- ou en utilisant $data['id'] (auto-incrément, donc forcément UNIQUE) :

Code php :

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

1
2
                <input type="checkbox" id="checkbox<?php echo $data['id']; ?>" name="options[]" value="1">
                <label for="checkbox<?php echo $data['id']; ?>"></label>

[delpphil]

Merci

Cette portion de code vient d'un exemple bootstrap je ne l'ai pas encore traité en fait ...
Mais je corrige.

Pas d'idée pour mon problème ?

[badaze]

Le code que tu as posté montre que le bouton a été cliqué pas la valeur de IdSend. Que donne un alert sur cette variable ?

Code javascript :

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

1
2
3
4
5
6
$(function()
{
    $('#delete').click(function()
    {
        alert('cliqué !');

Dans le jquery pour l'appel ajax tu mets un type de données datatype=json. Or tu ne transmets pas de json. Essaie avec html.

[delpphil]

J'ai fait ceci depuis :

Code :

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

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
 
<script>
$(function()
{
    $('#delete').click(function() 
    {  
        var idReceive = $('#idSend').val(); 
        var request = $.ajax({
            url: "cmdDelete.php",
            method: "POST",
            data: { id : 1 },
            dataType: "html"
        });
 
        request.done(function( msg ) 
        {
            alert( msg );
        });
 
        request.fail(function( jqXHR, textStatus ) 
        {
            alert( "Request failed: " + textStatus );
        });
    });
});

J'ai corrigé une erreur dans le code principal où idSend avait un i maj mais ça ne change rien alors le résultat du retour est :

Localhost indique : Request Failed error j'ai remplacé le code du module php par :

Code :

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

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
 
<?php
 
echo("test");
echo($_POST['id']);
/* try
 
    {
        $bdd = new PDO('mysql:host=localhost;dbname=IFPipe;charset=utf8','root','');
        
    }
    catch(Exception $e)
    {
        die('Erreur :' .$e->getMessage());
    }
        $req->bindParam(':id', $_POST['id']);
        $req = $bdd->prepare('DELETE FROM tbl_proposals WHERE id=:id');
                              
        $req->bindParam(':id', $_POST['id']);
         
 
 
 
        $req->execute(); 
        $req->closeCursor();
 */       
 
header('Location: cmdList.php');
 
?>

sans succès.

[delpphil]

ha oui,
ceci :

Code :

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

1
2
 
 data: { id : 1 },

est en réalité :
ceci :

Code :

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

1
2
 
 data: { id : idReceive },

j'avais essayé en assignant une valeur définie pour voir mais c'est pas ça non plus.