Passage de Paramètres d'AJAX POSTE de Contrôleur Graal
Im la construction d'un réseau social avec le Graal et a été pris
sur donnant aux utilisateurs l'intérieur de leur editprofile
page la possibilité de coller un youtube-Url dans un champ de texte et en cliquant sur un bouton JS regexxes l'id de l'URL collé, ajax post est tiré de la mise à jour d'un div avec une image d'aperçu de la vidéo youtube
le code html ressemble à :
<g:textField name="videoinput" class="videoinput reLef" value="" />
<span class="daten_videouploadbtn reLef" ></span>
<g:render template="/forms/storedVideos" />
la JS ressemble :
$('.daten_videouploadbtn').click(function() {
var string = document.editProfileForm.videoinput.value;
var neu = string.replace(/http[s]?:\/\/(?:[^\.]+\.)*(?:youtube\.com\/(?:v\/|watch\?(?:.*?\&)?v=|embed\/)|youtu.be\/)([\w\-\_]+)/i, '$1');
var id = RegExp.$1;
jQuery.ajax({
type:'POST',
data:RegExp.$1,
url:'${createLink(action: 'addVideo')}',
success:function(data,textStatus){jQuery('#storedvideos').html(data);},
error:function(XMLHttpRequest,textStatus,errorThrown){}
});
});
le contrôleur ressemble :
def addVideo() {
def videoitems = !!%%-- HOW TO PARSE YOUTUBE-ID HERE -%%!!
render(template:"/forms/storedVideos", model: [newVideo:videoitems])
}
et vidéos stockées en a l'air :
<div id="storedvideos"><span><img src="http://img.youtube.com/vi/${newVideo}/default.jpg" width="225px" height="130px"/></span></div>
j'ai tout simplement pas l'obtenir comment intercepter les données de l'Ajax Post et de mettre à jour le div avec l'aperçu de l'image avec l'id de l'intérieur,
quelqu'un peut donner un indice ? il est en train de me tuer
OriginalL'auteur john Smith | 2012-12-16
Vous devez vous connecter pour publier un commentaire.
Vous devez afficher les données comme ceci:
Après cela, vous pouvez accéder aux données publiées à l'intérieur de votre graal contrôleur avec
params.value
.OriginalL'auteur micha
J'ai eu ce travail sur le Graal 2.0.4:
Javascript/Ajax
Dans Graal....
J'aime cette approche, car
request.JSON
analyse les données et renvoie un prêt à utiliser l'objet.OriginalL'auteur raffian