So übergeben Sie $_GET-Variablen von einem Link an ein Bootstrap-Modal
Die Übergabe von $_GET-Variablen von einem Link an ein Bootstrap-Modal ist unerlässlich zum Ändern und Anzeigen spezifischer Daten innerhalb eines Modals. Hier sind mehrere Lösungen, um dies zu erreichen:
Einfache Lösung
-
Modale Anruftaste:
1 2 3 4 5 | <td data-placement= "top" data-toggle= "tooltip" title= "Show" >
<a class = "btn btn-primary btn-xs" data-toggle= "modal" data-target= "#editBox" href= "file.php?id=<;?php echo $obj->id; ?>" ">
<span class = "glyphicon glyphicon-pencil" ></span>
</a>
</td>
|
Nach dem Login kopieren
-
Modal HTML:
-
file.php
Alternative Lösung mit Ajax und Bootstrap Modal Event Listener
-
Modal Call Button:
1 2 3 4 5 | <td data-placement= "top" data-toggle= "tooltip" title= "Show" >
<a class = "btn btn-primary btn-xs" data-toggle= "modal" data-target= "#editBox" data-id= "<php echo $obj->id; ?>" >
<span class = "glyphicon glyphicon-pencil" ></span>
</a>
</td>
|
Nach dem Login kopieren
-
Modales HTML:
-
Skript:
1 2 3 4 5 6 7 8 9 10 11 12 13 | $( document ).ready( function () {
$( '#myModal' ).on( 'show.bs.modal' , function (e) {
var id = $(e.relatedTarget).data( 'id' );
$.ajax({
type : 'post' ,
url : 'file.php' ,
data : 'post_id=' + id,
success : function (data) {
$( '.form-data' ).html(data);
}
});
});
});
|
Nach dem Login kopieren
-
file.php
1 2 3 4 5 | if ( $_POST [ 'id' ]) {
$id = $_POST [ 'id' ];
}
|
Nach dem Login kopieren
Nach dem Login kopieren
Alternative Lösung mit Ajax- und jQuery-Klickfunktion
On-Page-Informationen an Modal weitergeben
-
Modal Call Button:
1 2 3 4 5 | <td data-placement= "top" data-toggle= "tooltip" title= "Show" >
<a data-book-id= "<php echo $obj->id; ?>" data-name= "<php echo $obj->name; ?>" data-email= "<php echo $obj->email; ?>" class = "btn btn-primary btn-xs" data-toggle= "modal" data-target= "#editBox" >
<span class = "glyphicon glyphicon-pencil" ></span>
</a>
</td>
|
Nach dem Login kopieren
-
Modales Ereignis:
1 2 3 4 5 6 7 8 | $(document).ready( function (){
$( '#editBox' ).on( 'show.bs.modal' , function (e) {
var bookid = $(e.relatedTarget).data( 'book-id' );
var name = $(e.relatedTarget).data( 'name' );
var email = $(e.relatedTarget).data( 'email' );
});
});
|
Nach dem Login kopieren
Durch die Implementierung einer dieser Lösungen können Sie $_GET-Variablen effektiv von einem Link an ein Bootstrap-Modal übergeben, was Ihnen ermöglicht um Daten dynamisch innerhalb eines modalen Fensters zu laden und zu bearbeiten.
Das obige ist der detaillierte Inhalt vonWie übergebe ich $_GET-Variablen an ein Bootstrap-Modal?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!