Bonjour,

J'ai actuellement des difficultés avec le JavaScript.
Je génère un formulaire html en JQuery sur l’événement ready() du document et j'aimerais utiliser la méthode ajax sur ce dernier.

Voici mon code source :

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
$(document).ready(function() {
    var html = '';
    html += '<div id="background_add">';
    html += '<form id="form_background" action="/background/create" method="post">';
    html += '<input type="text" class="input-small" required="required" name="background[tag]" id="background_tag">';
    html += '<input type="submit" value="Add" class="btn btn-link">';
    html += '</form></div>';
 
    $('#patient_background').parent().append(html);
});
 
$('#form_background').submit(function(event) {
    var type = $(this).attr('method');
    var url = $(this).attr('action');
 
    $.ajax({
        type: type,
        url: url,
        data: $(this).serialize(),
        dataType: "html",
        success: function(response) {
            alert("lol");
            console.log(response);
        }
    });
 
    return false;
});
Le formulaire s'affiche correctement, cependant la fonction de l'événement submit n'est pas exécutée lors du clic sur le bouton d'envoi.

Je me creuse là tête depuis une heure dessus, ainsi j'en appelle à votre aide.

Merci de votre aide.

Cordialement.