JQuery MySql jour

Question

im essayant d'adapter ce petit extrait:

$("#checkbox_id").change(function(){ 
    /* CODE HERE */ 
}); 

J'ai une série de cases à cocher qui sont générées dynamiquement et leurs id sont toujours comme « hug3443 » étaient « hug » est la colonne dans le DB et "3443" est l'identifiant unique de chaque ligne.

Mon objectif serait que chaque fois que la case à cocher change d'état pour mettre à jour son propre état dans la base de données.

Peut-il être accompli avec jQuery?

Merci.

Answer 1

Oui. Utilisez live events pour attacher le gestionnaire d'événements de modification à vos cases à cocher (afin que les cases à cocher dynamiquement ajoutées soient également gérées). Ensuite, faites simplement une requête AJAX dans le gestionnaire d'événements en passant votre script dans le nouvel état et le nom/id de la case à cocher (vous pouvez ensuite "analyser" l'identifiant et le nom de la colonne dans le script).

Answer 2

Pas sans script côté serveur qui s'occuperait des changements de données. JQuery est un framework javascript côté client et n'a pas d'accès direct à mysql, qui est un démon côté serveur.

Jetez un oeil sur l'association de jQuery avec php et mysql.

Answer 3

Le code en javascript que vous écrivez à l'aide de jQuery est exécuté du côté client dans un navigateur. Une solution est à partir de votre script pour faire un appel à une page du serveur qui va exécuter une mise à jour MySQL. Par exemple comme ça.

$("#checkbox_id").change(function(){ 
    $.ajax({ 
     type: "POST", 
     url: "/page-that/makes/update.php", 
     data: {param1:value1} 
    }); 
}); 

Answer 4

Vous devriez écrire du code côté serveur pour gérer la base de données (php, ruby, peu importe). Vous devriez créer quelque chose comme l'API, ce qui signifie que ce script côté serveur a besoin de certaines variables qui lui ont été envoyées par les clients (les ID des lignes, le nom et la valeur des colonnes par exemple). Ensuite, vous devez écrire votre script frontend jQuery, qui demandera un script côté serveur pour la gestion des tables de base de données. Pour toute demande, vous pouvez utiliser la technologie AJAX, quelque chose comme ceci:

$.ajax({ 
    url: 'http://somesite.com/path/to/server/side/script', 
    type : 'POST', 
    success: function (data, textStatus) { 
     alert('yahoo! we get some data from server!' + data); 
    } 
}); 

Answer 5

Vous pouvez obtenir la valeur de l'id de la case à cocher en utilisant javascript vous pouvez diviser le nom dans le nom du champ et identifiant. Pour cet exemple, j'ai ajouté - en identifiant pour donner un seperator

(je pense que vous devrez peut-être utiliser l'événement click plutôt que le changement, pense que le changement ne peut fonctionner que pour menus déroulants)

$("#checkbox_id").click(function(){ 

    var checkbox_id = $(this).attr("id"); 
    var id_bits = checkbox_id.split("-"); 
    // this would split hug-3443 into hug and 3443 setting id_bits[0] = hug and id_bits[1] = 3443 

    $.post("update,php", 
    { 
     row: id_bits[0], 
     id: id_bits[1] 
    } 
    ); 

}); 

Answer 6

Je viens de trouver un script pour ce truc et j'ai pensé à le poster ici alors que je regardais cette page il y a un moment jusqu'à ce que je tombe finalement sur ce script. Testé et travaillé comme un charme et je l'ai inséré dans ma bibliothèque de codage. Profitez, les gens.

http://www.jooria.com/Tutorials/ajax-20/jquery-live-checkbox-inputs-with-animation-effects-158/