Question

情况就是这样：

我有一个文件，信息每30秒更新一次。我创建了一个读取文件并提取所需数据的方法。在控制器中，比方说RefreshController，我有一个方法ref，每30秒调用一次：

def ref = {
    def Helper h = new Helper()
    def d = JSON.parse(h.readFile())
    render(view: 'index', model: [data: d])
}

by grails remoteFunction：

<g:javascript>
setInterval(refreshMe, 30000);
function refreshMe(){
    ${remoteFunction(controller: 'refresh', action: 'ref', onSuccess: 'justDoIt(e);')}
}
function justDoIt(e){
    alert('hello'); // to create the table on the fly, but missing the data from the controller
}</g:javascript>

问题是，如何获取或如何从控制器访问刷新的数据到javascript函数？我可以访问${data}，但在这种情况下，我只获得控制器中data变量的第一个初始化值。

我想使用刷新的数据动态创建表，而不是已经存在的元素。

我很感激任何想法！

Answer 1

在您的控制器上只渲染您的json结果而不是视图，请查看下面的示例，当您渲染视图时，您的数据对象将成为您的视图。 onSuccess也有数据参数。希望这有帮助

class RefreshController {

def index() { }

def ref () {
    println params
    def json = new JsonBuilder()
    json.state
    {
        name "Colorado"
        statehood 1876
        capital "Denver"
        majorCities "Denver", "Colorado Springs", "Fort Collins"
    }

    render json
}

}

查看：

    <!doctype html>
<%@ page import="com.package.example.*" %>
<html>
<head>
<title>Page Title</title>
 <meta name="layout" content="main"/>
<r:require modules="jquery"/>
<r:script>
   function refreshMe(){
    //alert("refresh js")
        ${remoteFunction(controller: 'refresh', action: 'ref', onSuccess: 'justDoIt(data,textStatus);')}
    }
    function justDoIt(data,textStatus){
        alert(responsData+" "+textStatus); 
    }
</r:script>

</head>

<body>
<a href="javascript:refreshMe();">Link text</a>

</body>
</html>

Answer 2

这是我的解决方案：

控制器：

import grails.converters.JSON
class RefreshController {
   def index = {}
   def ref= {
      def d = getString()
      render d as JSON
   }
   String getString(){
   // ...
   }
}

查看：

<html>
<head>
<title>Power In Use</title>
<meta name="layout" content="main" />
<g:javascript library="prototype"/>
</head>
<body>
<g:javascript >
  setInterval( "refreshMe();", 30000 );
  function refreshMe(){
      ${remoteFunction(action:'ref', controller:'refresh', onSuccess: 'makeTable(e)')}
  }
  function makeTable(e){    
  var d = e.responseText.evalJSON(true);
  // do something with data d
  }
</g:javascript>
</body>
</html>

如何通过定期调用remoteFunction从控制器获取数据？

2 个答案: