Liebe Community,
ich möchte folgendes erreichen:
Klickt man im Frontend auf ein Bild-Element soll unterhalb ein kontextspezifisches <div> erscheinen.
Mittels javascript ermittle ich den "Artikel-Alias" des gewünschten Artikels.
Dieser Artikel soll dann mittels inserttag "{{insert_article::ALIAS}}" im Frontend erscheinen.
Diesen js-code habe ich per JavaScript-Template im Seitenlayout eingebunden (Datei: js_show_project_gallery.html5 im Verzeichnis /templates):
Code:
<script>
$(document).ready(function() {
$('.image_container img').click(function() {
var img = $(this);
...
...
str = ....;
var insertArticleAlias = str;
$.ajax({
type: 'POST',
url: 'templates/show_project_gallery.php',
data: { insertArticleAlias: insertArticleAlias },
success: function(response) {
// The request was successful. You can process the response from the PHP script here.
},
error: function(xhr, status, error) {
console.log(error);
}
});
});
});
</script>
Die per javascript ermittelte Variable "insertArticleAlias" (da erhalte ich den gewünschten Artikel-Alias) soll per ajax an das php-file "show_project_gallery.php" (liegt im /templates-Verzeichnis) übergeben werden.
Dort möchte ich mir den inserttag {{insert_article::insertArticleAlias}} ausgeben lassen.
Die php-Datei "show_project_gallery.php" enthält folgenden Code:
Code:
<?php
$insertArticleAlias = $_POST['insertArticleAlias'];
echo "<div id=\"project_gallery\">";
echo "\{\{insert_article::$insertArticleAlias\}\}";
echo "</div>";
?>
Mittels HTML-Element binde ich die php-Datei im Backend ein:
Code:
{{file::show_project_gallery.php}}
Ehrlich gesagt steh ich auf dem Schlauch. Die Variable wird nicht an das php-file übergeben.
Mit Ajax hab ich keine Erfahrung (muss ich bei "success: function(response) {xxx} etwas definieren?).
Bin um jeden Tipp dankbar.
{{insert_article::ALIAS}} befüllen mittels AJAX aus Javascript
Zitieren
Zitat von olli25
Lesezeichen