Come attivare Ajax esistente, non in formato da un evento JavaScript

11
j.h. 2017-03-04 12:28.

Sto cercando di capire AJAX in Drupal 8.

Ho un modulo personalizzato che funziona, utilizzando AJAX per modificare il contenuto di un div quando si fa clic su un collegamento.

L'API dice:

Molti eventi diversi possono attivare le risposte Ajax, tra cui:

Fare clic su un pulsante Premere un tasto Spostare il mouse

Come faccio ad attivare lo stesso processo dell'AJAX di Drupal quando una funzione viene chiamata dall'attivazione di un evento di un oggetto JavaScript?

Oggetto JavaScript

function calledOnSomeEvent(e) {
  String data = e.target.data;
  // do something to call AJAX with the data
}

Il backend AJAX funziona con questo percorso:

myModule.routing.yml

myModule.myRoute:
  path: '/nojs/myFunction/{myParameter}'
  defaults:
    _controller: '\Drupal\myModule\MyController::myFunctionCallback'
    _title: 'myFunction'
  requirements:
    _permission: 'access content'

HTML

<a href="nojs/myFunction/testData" class="use-ajax">Click for testData!</a>

La mia comprensione è che Drupal inietta una sorta di evento quando si fa clic su quel collegamento o l'URL viene appena modificato e il controller viene attivato solo quando viene modificato l'URL.

JavaScript

(function($, Drupal) { Drupal.AjaxCommands.prototype.myFunction = function(ajax, response, status){ $('#targetDiv').html(response.data);
  }

})(jQuery, Drupal);

Ho omesso il codice PHP per il controller, che crea un comando. Il comando esegue il rendering dell'output in Drupal.AjaxCommands.prototype.myFunction, che aggiorna il div.

XMLHttpRequest è l'unico modo per far interagire JavaScript con il percorso / PHP? In caso affermativo, quale percorso deve essere utilizzato?

Penso che ci potrebbe essere un modo per JavaScript interagire con il gestore AJAX di Drupal per chiamare la stessa funzione che fa clic sul collegamento modificato con "use-ajax", dal momento che viene gestito in qualche modo ...

Qualsiasi intuizione sarebbe apprezzata.

Grazie!

8 javascript routes ajax

1 answers

14
4k4 2017-03-04 23:35.

Se non desideri ajaxificare il collegamento con "use-ajax" e attivare una richiesta Ajax a livello di codice, utilizza:

Drupal.ajax({url: endpoint}).execute();

Questo crea un oggetto Ajax con l'endpoint come URL e lo esegue.

Altre opzioni che troverai nei commenti di Drupal.ajaxin ajax.js:

/**
   * Provides Ajax page updating via jQuery $.ajax. * * This function is designed to improve developer experience by wrapping the * initialization of {@link Drupal.Ajax} objects and storing all created * objects in the {@link Drupal.ajax.instances} array. * * @example * Drupal.behaviors.myCustomAJAXStuff = { * attach: function (context, settings) { * * var ajaxSettings = { * url: 'my/url/path', * // If the old version of Drupal.ajax() needs to be used those * // properties can be added * base: 'myBase', * element: $(context).find('.someElement')
   *     };
   *
   *     var myAjaxObject = Drupal.ajax(ajaxSettings);
   *
   *     // Declare a new Ajax command specifically for this Ajax object.
   *     myAjaxObject.commands.insert = function (ajax, response, status) {
   *       $('#my-wrapper').append(response.data);
   *       alert('New content was appended to #my-wrapper');
   *     };
   *
   *     // This command will remove this Ajax object from the page.
   *     myAjaxObject.commands.destroyObject = function (ajax, response, status) {
   *       Drupal.ajax.instances[this.instanceIndex] = null;
   *     };
   *
   *     // Programmatically trigger the Ajax request.
   *     myAjaxObject.execute();
   *   }
   * };
   *
   * @param {object} settings
   *   The settings object passed to {@link Drupal.Ajax} constructor.
   * @param {string} [settings.base]
   *   Base is passed to {@link Drupal.Ajax} constructor as the 'base'
   *   parameter.
   * @param {HTMLElement} [settings.element]
   *   Element parameter of {@link Drupal.Ajax} constructor, element on which
   *   event listeners will be bound.
   *
   * @return {Drupal.Ajax}
   *   The created Ajax object.
   *
   * @see Drupal.AjaxCommands
   */
  Drupal.ajax = function (settings) {

La tua seconda domanda, è un XMLHttpRequest l'unico modo per far interagire JavaScript con il percorso / PHP? In caso affermativo, quale percorso deve essere utilizzato?

Puoi usare un normale non drupal jQuery.ajax(), quindi non hai restrizioni per il formato, puoi usare json (che Drupal usa per il suo ajax) o qualsiasi altro formato. Puoi impostare un percorso per un percorso arbitrario e usarlo in $ .ajax ().

Japanese Spanish German French Thai Portuguese Russian Vietnamese Italian Korean Turkish Indonesian Polish Hindi

Related questions

MORE COOL STUFF

Meghan Markle ha stretto un legame con Mariah Carey per lo styling dei loro capelli naturali

Meghan Markle ha stretto un legame con Mariah Carey per lo styling dei loro capelli naturali

Scopri di più su come Meghan Markle e Mariah Carey hanno legato i loro capelli naturali in un episodio del podcast "Archetypes" di Meghan.

2022-12-23.

Il principe Harry è un "uomo completamente infatuato" di "Breathy" Meghan Markle, afferma un esperto di linguaggio del corpo

Il principe Harry è un "uomo completamente infatuato" di "Breathy" Meghan Markle, afferma un esperto di linguaggio del corpo

Scopri quali indicazioni ha detto un esperto di linguaggio del corpo suggeriscono che il principe Harry è "infatuato" di Meghan Markle, che potrebbe "gestire l'intero spettacolo".

2022-12-10.

L'esperto di linguaggio del corpo spiega i "paralleli" tra Kate Middleton e la principessa Diana

L'esperto di linguaggio del corpo spiega i "paralleli" tra Kate Middleton e la principessa Diana

Scopri perché un eminente esperto di linguaggio del corpo pensa che "tali parallelismi" siano facili da tracciare tra la principessa Kate Middleton e la principessa Diana.

2022-12-07.

Recensione del film "L'impero della luce": i progetti drammatici di Sam Mendes Dim Romance

Recensione del film "L'impero della luce": i progetti drammatici di Sam Mendes Dim Romance

'Empire of Light' offre una bella cinematografia e performance meravigliose, ma sembra eccessivamente fabbricato.

2022-12-05.

The Secrets of Airline Travel Quiz

The Secrets of Airline Travel Quiz

Air travel is far more than getting from point A to point B safely. How much do you know about the million little details that go into flying on airplanes?

2022-09-02.

Where in the World Are You? Take our GeoGuesser Quiz

Where in the World Are You? Take our GeoGuesser Quiz

The world is a huge place, yet some GeoGuessr players know locations in mere seconds. Are you one of GeoGuessr's gifted elite? Take our quiz to find out!

2022-07-29.

Perché gli Stati Uniti non hanno sempre sostenuto la Corte penale internazionale

Perché gli Stati Uniti non hanno sempre sostenuto la Corte penale internazionale

Mentre gli Stati Uniti sono pienamente favorevoli alle indagini sui crimini di guerra di Vladimir Putin in Ucraina, da tempo si oppongono alla Corte penale internazionale dell'Aia. Ma perché?

2022-06-10.

I calcoli renali sono strazianti, ma la fonte del dolore è sorprendente

I calcoli renali sono strazianti, ma la fonte del dolore è sorprendente

Avere calcoli renali può sembrare di essere stato pugnalato alla schiena. Ma sono le pietre che causano il dolore lancinante o è qualcos'altro?

2022-05-18.

Le principali (e più incasinate) rivelazioni dalla guida ufficiale di Rogue One

Le principali (e più incasinate) rivelazioni dalla guida ufficiale di Rogue One

Pensavi di conoscere tutti i segreti di Star Wars di Rogue One? Pensa di nuovo. Rogue One: The Utimate Visual Guide, di recente pubblicazione, scritto dall'esecutivo del Lucasfilm Story Group e maestro del canone Pablo Hidalgo, include un sacco di nuovi fatti sull'universo di Star Wars: alcuni interessanti, altri sorprendenti e altri completamente incasinati.

2023-02-04 10:34.

Mettici un coperchio. In realtà, metti un coperchio su tutto. Ottieni 12 coperchi da cucina elasticizzati in silicone per $ 14. [Esclusivo]

Mettici un coperchio. In realtà, metti un coperchio su tutto. Ottieni 12 coperchi da cucina elasticizzati in silicone per $ 14. [Esclusivo]

Coperchi elastici in silicone per cucina di domani, confezione da 12 | $ 14 | Amazzonia | Codice promozionale 20OFFKINJALids sono fondamentalmente i calzini della cucina; perdersi sempre, lasciare contenitori orfani che non potranno più essere richiusi. Ma cosa succederebbe se i tuoi coperchi potessero allungarsi e adattarsi a tutti i tuoi contenitori, pentole, padelle e persino grandi fette di frutta rimanenti? Non dovresti mai più preoccuparti di perdere quel coperchio molto specifico.

2022-11-02 18:37.

Raccontaci i tuoi migliori trucchi di Washington, DC

Raccontaci i tuoi migliori trucchi di Washington, DC

In questa colonna abbiamo violato alcune città industriali, come Los Angeles e Las Vegas . Ora è il momento di una città con un complesso militare-industriale.

2022-10-29 00:57.

Un rivenditore sta uccidendo la sua sezione taglie forti e mescolando taglie più grandi con tutto il resto

Un rivenditore sta uccidendo la sua sezione taglie forti e mescolando taglie più grandi con tutto il resto

Un rivenditore sta inscatolando la sua sezione taglie forti. Ma non stanno prendendo la categoria solo online o interrompendola del tutto.

2022-10-27 14:49.

Il pattinaggio di figura statunitense "frustrato" per la mancanza di una decisione finale nell'evento a squadre, chiede una decisione equa

Il pattinaggio di figura statunitense "frustrato" per la mancanza di una decisione finale nell'evento a squadre, chiede una decisione equa

La squadra è in attesa delle medaglie vinte alle Olimpiadi invernali del 2022 a Pechino, mentre si sta risolvendo un caso di doping che coinvolge la pattinatrice russa Kamila Valieva

2023-02-03.

Gli acquirenti di Amazon affermano di dormire "come un bambino coccolato" grazie a queste federe di seta che costano solo $ 10

Gli acquirenti di Amazon affermano di dormire "come un bambino coccolato" grazie a queste federe di seta che costano solo $ 10

Migliaia di acquirenti Amazon raccomandano la federa Mulberry Silk, ed è in vendita proprio ora. La federa in seta è disponibile in diversi colori e aiuta a mantenere i capelli morbidi e la pelle pulita. Acquista le federe di seta mentre hanno uno sconto fino al 46% su Amazon

2023-02-03.

Bengals Running Back Joe Mixon ricercato con mandato di arresto emesso per presunta arma da fuoco puntata contro una donna

Bengals Running Back Joe Mixon ricercato con mandato di arresto emesso per presunta arma da fuoco puntata contro una donna

Giovedì è stata presentata una denuncia per minaccia aggravata di reato contro Joe Mixon

2023-02-03.

Professore della Purdue University arrestato per presunto spaccio di metanfetamine e proposta di favori sessuali a donne

Professore della Purdue University arrestato per presunto spaccio di metanfetamine e proposta di favori sessuali a donne

Il dipartimento di polizia di Lafayette ha iniziato a indagare su un professore della Purdue University a dicembre dopo aver ricevuto diverse denunce di "uomo sospetto che si avvicinava a una donna"

2023-02-03.

Concept Drift: il mondo sta cambiando troppo velocemente per l'IA

Concept Drift: il mondo sta cambiando troppo velocemente per l'IA

Proprio come il mondo che ci circonda, la lingua è in continua evoluzione. Mentre nelle ere precedenti i cambiamenti linguistici avvenivano nel corso di anni o addirittura decenni, ora possono avvenire in pochi giorni o addirittura ore.

Come fare auto media

Come fare auto media

Molte persone pensano che scrivere/fare self-media possa essere fatto solo da persone che scrivono bene o sono molto brave. Non abbiate l'errata idea che “ognuno farà quello che voglio io”, questo è proprio sbagliato! Una volta ho visto un video su Internet, condividendo come aprire un documento word, come iniziare a usarlo, come regolare il carattere, la dimensione del carattere e come salvarlo.

Precios accesibles, nuestro aprendizaje desde la perspectiva iOS

Precios accesibles, nuestro aprendizaje desde la perspectiva iOS

Cómo mejoramos la accesibilidad de nuestro componente de precio, y cómo nos marcó el camino hacia nuevos saberes para nuestro sistema de diseño. Por Ana Calderon y Laura Sarmiento Leer esta historia en inglés.

Merrick Garland ha fallito l'America?

È più della metà della presidenza di Biden. Cosa sta aspettando Merrick Garland?

Merrick Garland ha fallito l'America?

Credo, un po' troppo tardi nella vita, nel dare possibilità alle persone. Generosamente.

Language

Japanese
Spanish
German
French
Thai
Portuguese
Russian
Vietnamese
Italian
Korean
Turkish
Indonesian
Polish
Hindi