- 0
Caricare il contenuto di un modal da un url
-
Recently Browsing 0 members
We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. to insert a cookie message.
Question
Molto spesso succede di voler fare compiere delle azioni senza dover aggiornare la pagina, in questi casi entra in gioco il jQuery. In questa semplice guida, spiegherò come far caricare un contenuto dinamico all'interno di un Modal di boostrap
Questa guida è valida anche se non si usa Laravel o Bootstrap, ma per semplificarla utilizzeremo questi due elementi.
La prima cosa che dovremmo fare è inserire il bottone che andrà a richiamare il modal:
Nelle classi dell'href abbiamo aggiunto la classe ls-modal (potete rinominarla come volete voi), questa classe sarà il nostro richiamo nel jQuery.
Sempre nel solito blade, o come un componente incluso (@include(...)), andiamo a inserire il nostro modal ripulito:
Adesso non ci resta che inserire il jQuery prima della chiusura del </body>, io nel mio caso ho preferito inserire prima della chiusura del body un
@yield('js')
e nel blade dove abbiamo inserito il richiamo al modal:
Come è possibile vedere il jQuery va ricercare il click sull'elemento con la classe ls-modal, andando a caricare il contenuto della pagina indicata nell'href all'interno di modal-body del modal.
Per andare più nelle specifico, andrò a spiegare anche come comportarsi nel route e nel controller.
web.php (route)
Route::get('ajax/add/nation/{id}', 'AjaxController@getEditModal');
Nel controller invece andremo a gestire il nostro codice php, dove dovremmo indicare in quale tabella dovrà cercare i dati e in che view stamparli:
AjaxController.php (controller)
Il controller andrà a stampare i dati della variabile $nation, all'interno del view admin.component.modal, che dovrà contenere solamente uno scheletro dei dati, senza richiami di extends, css o js.
Ecco un video in cui mostra il caricamento dinamico del modal.
load content modal from url
load dynamic content in boostrap modal
Laravel load content in modal ajax
Link to comment
Share on other sites
3 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now