2012-12-16 58 views
4

我正在用Grails構建一個社交網絡,並且讓用戶在其編輯配置文件 頁面內部填充 有機會將youtube-Url粘貼到文本字段中,並通過單擊按鈕JS regexxes標識出粘貼的URL,一個ajax後觸發更新一個div與YouTube視頻將AJAX POST的參數傳遞給Grails控制器

的HTML看起來像的預覽圖像:

    <g:textField name="videoinput" class="videoinput reLef" value="" /> 
        <span class="daten_videouploadbtn reLef" ></span> 

     <g:render template="/forms/storedVideos" /> 

JS的樣子:

控制器類似:

def addVideo() { 
    def videoitems = !!%%-- HOW TO PARSE YOUTUBE-ID HERE -%%!! 
    render(template:"/forms/storedVideos", model: [newVideo:videoitems]) 
} 

和存儲的視頻看起來:

<div id="storedvideos"><span><img src="http://img.youtube.com/vi/${newVideo}/default.jpg" width="225px" height="130px"/></span></div> 

我只是不明白它如何捕捉阿賈克斯後的數據,並更新預覽圖像與DIV裏面的id,

有人能給個提示嗎?它是殺害我

回答

4

你應該張貼的數據是這樣的:

jQuery.ajax({ 
    type: 'POST', 
    data: { value: RegExp.$1 }, 
    ... 

之後,你可以用params.value訪問你的Grails控制器內發佈的數據。

+0

地獄是的,這工作如何美麗的生活可以 –

1

我得到這個工作的Grails 2.0.4:

的JavaScript/AJAX

var data = 
    {requestId: 12456, 
    node: "node1", 
    host: "mynode.com"}; 


    $.ajax({    
     url: '/myurl', 
     data: JSON.stringify(data), 
     type: 'post', 
     contentType: 'application/json; charset=utf-8', 
     dataType: 'json', 
     success: function() ... 
     }, 
     error: function() ... 
     } 
}); 

Grails中....

def service(){ 
    def jsonObj = request.JSON 
} 

我喜歡這種方法,因爲request.JSON分析數據並返回一個準備使用的對象。

相關問題