Insérer des infos dans une table avec du JS

[Agrepe]

Bonjour,

Je souhaiterai savoir s'il est possible d'insérer directement des infos dans une table à partir d'un script ?
(Pour éviter de passer par un $.post et un fichier php)

Voici mon script: (Il se déclenche au clic sur un bouton dont la class est: es-story-submit)

<script>
        var imageLinkValue = document.getElementById('js-image-link-value');
        var imageLinks = document.querySelectorAll('.js-image-link');

        function onImageLinkClick() {
        imageLinkValue.value = this.getAttribute('data-value');
        }

        Array.prototype.forEach.call(imageLinks, function (imageLink) {
        imageLink.addEventListener('click', onImageLinkClick.bind(imageLink));
        });

          function onImageLinkClick() {
            //alert(this.getAttribute('data-value'));
            var CSSvalue = (this.getAttribute('data-value'));
            }

// Voilà ce que je fais pour passer par un fichier PHP, ce que je souhaiterai éviter.
       document.querySelector('.es-story-submit').addEventListener('click', function () {
            $.post('stylebackground.php', { style: $('#js-image-link-value').val() })
            .done(function (data) {
              alert('Data loaded : ' + data);
            });
          });

Je souhaite envoyer le contenu de la variable "var CSSvalue"

Quelqu'un a-t'il une idée ?

Cordialement.

Eric

[roland_d_alsace]

Je ne suis pas sur de comprendre la question...
...mais je vais essayer d'y répondre.

Les scripts JS comme tu l'entends (donc hors node.js) sont des "application" du type "client", c'est à dire qu'ils s’exécutent côté PC/navigateur sur le poste de l'internaute.
Les scripts PHP sont des application de type "serveur", c'est à dire qu'ils s’exécutent sur le serveur.

Les 2 mondes sont bien distincts et séparés.

PHP ne pourra rien faire coté client sans JS et JS ne pourra rien faire côté serveur sans PHP (ou autre language serveur type perl, awp, etc...)

[Agrepe]

Bonsoir,
Oui je sais bien cela, mais je me demandais s'il n'existait pas une solution que j'ignorais.

Donc je persévère dans la direction,

 document.querySelector('.es-story-submit').addEventListener('click', function () {            
$.post('stylebackground.php', { style: $('#js-image-link-value').val() })          
});