Grails - 如何使用Ajax加载模板？ [英] Grails - how to load a template using ajax?

问题描述

  $（document）.ready（function（）{
 $（＃botao）。click（function（ev）{
 ev.preventDefault（）; 
 var loading = new Image（）; 
 loading.src =images / spinner .gif
 $ .ajax（{
 type：'POST'，
 url：index.gsp，
 data：< missing> ;, 
 beforeSend ：function（）{
 $（＃divForm）。html（loading）; 
}，
 success：function（data）{
 $（＃divForm） .html（data）; 
}，
}）; 
}）; 
}）; 
  

如何使用按钮将模板加载到名为#divForm的div中？ p>

谢谢！

解决方案

我猜你想加载index.gsp页面在#divForm Id中，所以我写了这个简单的ajax代码。

＃在下面的代码中包含controllerName，在这个地方你需要把你自己的controller名称。

  $（document）.ready（function（）{
 $（＃botao）。click（function （ev）{
 $ .ajax（{
 url：$ {createLink（controller：'controllerName'，action：'form'）}，
 type：post，
 dataType：'text'，
 success：function（data）{
 $（＃divForm）。html（data）; 
} 
}）; 
}）; 
}）; 
  

Here's what i've done so far:

$(document).ready(function(){    
    $("#botao").click(function (ev) {
        ev.preventDefault();        
        var loading = new Image();
        loading.src = "images/spinner.gif"        
        $.ajax({
            type: 'POST',
            url: "index.gsp",
            data: <missing>,  
            beforeSend: function(){
                $("#divForm").html(loading);
            },
            success: function(data){
                $("#divForm").html(data);
            },            
        });
    });
});

how can I pass my template using a button to load it in a div called #divForm?

Thanks!

解决方案

I guess your trying to load index.gsp page in #divForm Id, So i wrote this simple ajax code.

#.In the following code contains controllerName in this place you need to put your own controller Name.

      $(document).ready(function(){    
           $("#botao").click(function (ev) {   
              $.ajax({
                    url: "${createLink(controller: 'controllerName', action: 'form')}",
                    type: "post",
                    dataType: 'text',
                    success: function (data) {
                        $("#divForm").html(data);
                    }
                 });
              });
           });

这篇关于Grails - 如何使用Ajax加载模板？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！