Appeler une fonction php à partir de JavaScript

Question

Existe-t-il un moyen d'exécuter une fonction php à travers une fonction JS ?

quelque chose comme ça :

<script type="text/javascript">
function test(){
document.getElementById("php_code").innerHTML="<?php 
query("hello");       ?>";    
}
</script>

<a href="#" style="display:block; color:#000033; font-family:Tahoma; font-size:12px;"     
onclick="test(); return false;"> test </a>
<span id="php_code"> </span>

Je veux essentiellement exécuter la fonction php query("hello") lorsque je clique sur le lien appelé "Test", qui appelle la fonction php.

Answer 1

C'est, en substance, ce que AJAX es pour . Votre page se charge, et vous ajoutez un événement à un élément. Lorsque l'utilisateur déclenche l'événement, par exemple en cliquant sur un élément, votre Javascript utilise la fonction Objet XMLHttpRequest pour envoyer une requête à un serveur.

Une fois que le serveur a répondu (vraisemblablement avec un résultat), une autre fonction/événement Javascript vous permet de travailler avec ce résultat, y compris de le coller dans la page comme n'importe quel autre élément HTML.

Vous pouvez le faire "à la main" avec du simple Javascript , ou vous pouvez utiliser jQuery. En fonction de la taille de votre projet et de votre situation particulière, il peut être plus simple d'utiliser simplement Javascript .

Plain Javascript

Dans cet exemple très basique, nous envoyons une requête à myAjax.php lorsque l'utilisateur clique sur un lien. Le serveur va générer du contenu, dans ce cas "hello world !". Nous allons mettre dans l'élément HTML avec l'id output .

Le javascript

// handles the click event for link 1, sends the query
function getOutput() {
  getRequest(
      'myAjax.php', // URL for the PHP file
       drawOutput,  // handle successful request
       drawError    // handle error
  );
  return false;
}  
// handles drawing an error message
function drawError() {
    var container = document.getElementById('output');
    container.innerHTML = 'Bummer: there was an error!';
}
// handles the response, adds the html
function drawOutput(responseText) {
    var container = document.getElementById('output');
    container.innerHTML = responseText;
}
// helper function for cross-browser request object
function getRequest(url, success, error) {
    var req = false;
    try{
        // most browsers
        req = new XMLHttpRequest();
    } catch (e){
        // IE
        try{
            req = new ActiveXObject("Msxml2.XMLHTTP");
        } catch(e) {
            // try an older version
            try{
                req = new ActiveXObject("Microsoft.XMLHTTP");
            } catch(e) {
                return false;
            }
        }
    }
    if (!req) return false;
    if (typeof success != 'function') success = function () {};
    if (typeof error!= 'function') error = function () {};
    req.onreadystatechange = function(){
        if(req.readyState == 4) {
            return req.status === 200 ? 
                success(req.responseText) : error(req.status);
        }
    }
    req.open("GET", url, true);
    req.send(null);
    return req;
}

Le HTML

<a href="#" onclick="return getOutput();"> test </a>
<div id="output">waiting for action</div>

Le PHP

// file myAjax.php
<?php
  echo 'hello world!';
?>

Essayez-le : http://jsfiddle.net/GRMule/m8CTk/

---

Avec une bibliothèque javascript (jQuery et al)

On peut dire que cela représente beaucoup de code Javascript. Vous pouvez le raccourcir en resserrant les blocs ou en utilisant des opérateurs logiques plus laconiques, bien sûr, mais il y a encore beaucoup de choses à faire. Si vous prévoyez de faire beaucoup de ce type de choses dans votre projet, vous feriez mieux d'utiliser une bibliothèque javascript.

En utilisant le même HTML et PHP que ci-dessus, voici votre script complet (avec jQuery inclus dans la page). J'ai un peu resserré le code pour être plus cohérent avec le style général de jQuery, mais vous comprenez l'idée :

// handles the click event, sends the query
function getOutput() {
   $.ajax({
      url:'myAjax.php',
      complete: function (response) {
          $('#output').html(response.responseText);
      },
      error: function () {
          $('#output').html('Bummer: there was an error!');
      }
  });
  return false;
}

Essayez-le : http://jsfiddle.net/GRMule/WQXXT/

Ne vous précipitez pas tout de suite sur jQuery : ajouter une bibliothèque, quelle qu'elle soit, revient à ajouter des centaines ou des milliers de lignes de code à votre projet, aussi sûrement que si vous les aviez écrites. À l'intérieur du fichier de la bibliothèque jQuery, vous trouverez un code similaire à celui du premier exemple, ainsi qu'un fichier beaucoup plus . C'est peut-être une bonne chose, peut-être pas. Planifiez, et tenez compte de la taille actuelle de votre projet et des possibilités d'expansion futures, ainsi que de l'environnement ou de la plate-forme cible.

Si c'est tout ce que vous avez besoin de faire, écrivez le javascript simple une fois et vous avez terminé.

Documentation

• AJAX sur MDN - https://developer.mozilla.org/en/ajax
• XMLHttpRequest sur MDN - https://developer.mozilla.org/en/XMLHttpRequest
• XMLHttpRequest sur MSDN - http://msdn.microsoft.com/en-us/library/ie/ms535874%28v=vs.85%29.aspx
• jQuery - http://jquery.com/download/
• jQuery.ajax - http://api.jquery.com/jQuery.ajax/

Answer 2

PHP est évalué au niveau du serveur ; javascript est évalué au niveau du client/navigateur. Vous ne pouvez donc pas appeler une fonction PHP à partir de javascript. directement . Mais vous pouvez envoyer une requête HTTP au serveur qui activera une fonction PHP, avec AJAX.

Answer 3

Le seul moyen d'exécuter du PHP à partir de JS est AJAX. Vous pouvez envoyer des données au serveur (par exemple, GET /ajax.php?do=someFunction) puis dans ajax.php vous écrivez :

function someFunction() {
    echo 'Answer';
}

if ($_GET['do'] === "someFunction") {
    someFunction();
}

et ensuite, attraper la réponse avec JS (j'utilise jQuery pour faire des demandes AJAX)

Vous aurez probablement besoin d'un certain format de réponse. Voir JSON ou XML, mais JSON est facile à utiliser avec JavaScript. En PHP, vous pouvez utiliser la fonction json_encode($array) ; qui prend le tableau comme argument.

Answer 4

J'ai récemment publié un plugin jQuery qui vous permet d'effectuer des appels de fonctions PHP de différentes manières : https://github.com/Xaxis/jquery.php

Exemple simple d'utilisation :

// Both .end() and .data() return data to variables
var strLenA = P.strlen('some string').end();
var strLenB = P.strlen('another string').end();
var totalStrLen = strLenA + strLenB;
console.log( totalStrLen ); // 25

// .data Returns data in an array
var data1 = P.crypt("Some Crypt String").data();
console.log( data1 ); // ["$1$Tk1b01rk$shTKSqDslatUSRV3WdlnI/"]

Answer 5

Je pense que vous devriez utiliser un formulaire ou une sorte d'action d'envoi pour faire cela. Gardez à l'esprit que cela transférera l'utilisateur vers une autre page, sauf si vous essayez de le faire via AJAX.