Il y a de nombreux exemples d'utilisation d'AJAX dans la form API, mais peu sur comment l'utiliser dans du simple HTML. Voici une méthode simple.
Pour créer un lien AJAX dans Drupal, nous devons d'abord créer un élément de menu :
function MYMODULE_menu() {
$items = array();
$items['MYMODULE/ajax'] = array(
'page callback' => 'MYMODULE_ajax_callback',
'access arguments' => TRUE,
'type' => MENU_CALLBACK,
);
$items['MYMODULE/ajax/%/%'] = array(
'page callback' => 'MYMODULE_ajax_callback',
'page arguments' => array(2, 3),
'access arguments' => TRUE,
'type' => MENU_CALLBACK,
);
return $items;
}
Puis, là ou vous souhaitez créer le lien, ajoutez les librairies :
// Add libraries
drupal_add_library('system', 'drupal.ajax');
drupal_add_library('system', 'jquery.form');
Créez ensuite un lien avec la classe "use-ajax" et un wrapper pour la réponse AJAX :
// Output a link
l(t('AJAX'), 'MYMODULE/ajax/nojs/' . $some_argument, array('attributes' => array('class' => array('use-ajax'))));
// Output a wrapper
'<div id="MYMODULE-wrapper"></div>'
Enfin, créez la fonction de callback :
function MYMODULE_ajax_callback($type = 'ajax', $some_argument) {
if ($type == 'ajax') {
$commands[] = ajax_command_replace('#MYMODULE-wrapper', 'Hey ! Some AJAX content !');
$page = array('#type' => 'ajax', '#commands' => $commands);
ajax_deliver($page);
}
else {
$output = t("This is some content delivered via a page load.");
return $output;
}
}
Et voilà !
English
Français
