Comment passer de jquery variable de drupal (ajax)

De passer la variable de données à partir de JavaScript pour Drupal/PHP est une chose. De transmettre les informations à partir de Drupal/PHP à JavaScript est une autre chose. Je pense que vous vouliez dire, le premier dans votre question. Donc, je vais aller de l'avant et répondre à ça.

Passer des variables à partir de JavaScript pour Drupal/PHP

1) mettre en Œuvre un menu crochet. Vous pouvez le faire sur contribué ou le nouveau module personnalisé, cela dépend de ce que vous êtes en train de faire. C'est assez facile et simple, il est aussi bien documenté sur le site Drupal.

  $items = array();

  $items['my_custom_callback/%'] = array(
    'title' => 'My Custom Callback', 
    'description' => 'Listing of blogs.', 
    'page callback' => 'my_custom_php_function', 
    'page arguments' => array(1),
    'access arguments' => array('access content'), 
    'type' => MENU_CALLBACK,
  );

Examinons l'exemple ci-dessus.


$items['my_custom_callback/%']


$items est juste un tableau, et il peut être n'importe quel nom que vous voulez. Si l'URL de mon site est http://www.alexanderallen.name, puis http://www.alexanderallen.name/my_custom_callback serait la ressource que je voudrais appeler à partir de mon application JavaScript.

Dans le tableau de la touche, le symbole de pourcentage, après le mot my_custom_callback est un espace réservé. C'est là que vous passerez vos données à partir de JS, PHP. Donc, si la valeur de la variable x est de 10, à l'appel de votre JQuery ressemblera à ceci:


http://www.alexanderallen.name/my_custom_callback/10


Lorsque vous chargez cette URL, Drupal trouverez votre menu crochet, et il va appeler la fonction que vous avez défini dans la page 'callback' clé du tableau. Dans ce cas, ce serait:

<?php
/**
* Function that gets called from JQuery asynchronously. 
*/
function my_custom_php_function($argument) {
  //Do something with $argument...
  echo $argument;
}
?>

Là, vous pouvez faire ce que vous voulez avec la valeur de la variable x, comme le stockage dans la base de données.

Si vous avez été de mettre le menu crochet sur un module personnalisé, et le nom de votre module de example_module, le menu de crochet et de PHP personnalisé de rappel devrait ressembler à ceci:

<?php
/**
* @file example_module.module Handles fancy AJAX functionality.
* 
*/

/**
* Implementation of hook_menu
*
* @see http://api.drupal.org/api/drupal/developer--hooks--core.php/function/hook_menu/6
*/
function example_module_menu() {
  $items = array();

  $items['my_custom_callback/%'] = array(
    'title' => 'My Custom Callback', 
    'description' => 'Listing of blogs.', 
    'page callback' => 'my_custom_php_function', 
    'page arguments' => array(1),
    'access arguments' => array('access content'), 
    'type' => MENU_CALLBACK,
  );

  return $items;
}

/**
* Function that gets called from JQuery asynchronously. 
*/
function my_custom_php_function($argument) {
  //Do something with $argument...
  echo $argument;
}

?>

Si vous voulais passer plusieurs variables à partir de JQuery pour Drupal/PHP, vous pourriez envisager de JSONifying en JavaScript, avant de passer à PHP. Rappelez-vous que si la charge utile est très grande, vous devriez envisager de JQuery .post() au lieu de .get(). Les fonctions PHP pour le décodage JSON sont ici php.net.

N'oubliez pas de return $éléments à la fin de la example_module_menu() fonction. Si vous voulais passer deux arguments ou plus à partir de JavaScript, PHP, puis l'élément de menu devrait ressembler à ceci:

function example_module_menu() {
  $items = array();

  $items['my_custom_callback/%/%/%'] = array(
    'title' => 'My Custom Callback', 
    'description' => 'Listing of blogs.', 
    'page callback' => 'my_custom_php_function', 
    'page arguments' => array(1, 2, 3),
    'access arguments' => array('access content'), 
    'type' => MENU_CALLBACK,
  );

  return $items;
}

function my_custom_php_function($arg1, $arg2, $arg3) {
  //Do something ...
  $sum = $arg2 + $arg3;

  echo "Hi". $arg1 .", X + Z = ". $sum;
}

?>

Dans ce cas, je suis passé trois arguments pour PHP. 'page ' arguments' spécifie la partie de l'URL que vous souhaitez passer à PHP. Si vous deviez écrire 'page arguments' => array(0),, l'argument de ta fonction PHP serait la chaîne my_custom_callback.

---

2) Appeler le menu crochet à partir de votre code JS à l'aide de JQuery. JQuery fournit diverses méthodes AJAX. Celle que vous utilisez dépend du format des données de votre traitement et il est de taille, entre autres choses.

Très probablement, vous permettra d'utiliser une des deux méthodes JQuery. .post() ou .get(), en gardant à l'esprit que les requêtes post permettra une plus grande charge utile de données que les requêtes get. Donc, si la taille de la variable x = 10, vous pouvez coller avec .get(). Les deux .post() et .get() les méthodes sont un prolongement de la, ou de s'appuyer sur la .ajax() méthode. L' .ajax() la méthode est plus souple car il vous donne plus d'options, comme la possibilité de spécifier le format des données (JSON ou texte brut), envoyer un nom d'utilisateur/mot de passe avec votre demande, choisissez entre synchrone ou asynchrone des requêtes, et si le navigateur doit se cache ou non la demande.

C'est la signature de la méthode pour le JQuery .méthode get ():


jQuery.get( url, [ data ], [ callback(data, textStatus, XMLHttpRequest) ], [ dataType ] )


Si vous étiez sur le point d'envoyer vos données à l'aide de GET Drupal/PHP, en utilisant l'exemple ci-dessus, vous pourriez faire quelque chose comme ceci:

    <script type='text/javascript'>
    var name = 'alexander';  
    var x = 10;
    var z = 20;

    $.get( 
      //Callback URL.
      "http://www.alexanderallen.name/my_custom_callback/"+ name +"/"+ x +"/"+ z
    );

    </script>

Notez que l'utilisation de l'argument données sur la .méthode get() est facultative, et dans mon exemple, j'ai omis, mais obtenir le même effet par la concaténation des données de passer à Drupal/PHP avec le reste de l'URL.

Si je devais courir, la demande HTTP GET ressemblerait à:


http://www.alexanderallen.name/my_custom_callback/alexander/10/20


et la réponse serait:


Hi Alexander, X + Z = 30


La transmission des données de Drupal JavaScript

Pour que vous auriez à utiliser des Comportements, je ne suis pas d'entrer dans les détails car je pense que ce n'était pas votre question, mais vous pouvez aller à la documentation officielle pour Drupal 6 comportements ici.

OriginalL'auteur amateur barista