在另一个页面上调用 javascript 函数/按钮单击事件

Question

我需要调用一个 javascript 函数（包含 jquery.ajax() 调用），例如 showfilterresult()。这个调用是在一个页面monitoring.gsp onclick上调用一个像“filter”这样的按钮。

我正在进行的调用来自不同的页面，我需要做的是加载 montoring.gsp 页面，并在加载的页面上进行此 showfilterresult() 调用。 （所以我想进行 2 次调用，一次调用页面，另一调用调用页面上的函数）

现在我正在这样做：

 <javascript>
jQuery.ajax({
     var myurl = /myapp/users/monitoring
        url: myurl,
        dataType: 'html',
        timeout: 10000,
        beforeSend: function() {
             jQuery('#mydiv').html(../showspinner.gif)
          },
        success: function(data) {
        window.location = myurl;
        }
      });

</javascript>

showfilterresult()函数如下：

function showFilterResult(){
    var frm=jQuery('#fromDate').val();
    var to=jQuery('#toDate').val();
    if($('#fromDate').val().length>0  && $('#toDate').val().length>0){
            jQuery.ajax({
                type:'POST',
                data:{
                    'timeWindow':$("#timeWindow").val(),
                    'p1':p1,
                    'p3':$('#p3 option:selected').text(),
                    'fromDate':$("#fromDate").val(),
                    'toDate':$("#toDate").val(),
                },
                url: '/myapp/users/filterResult',
                beforeSend: function() {
                    jQuery("#filteredResult").html('/showspinner.gif')
                },
                success:function(data,textStatus){
                    jQuery("#filteredResult").html(data)
                }
            });

我还需要知道如何将 url 参数从我的页面传递给 showfilterresult() 调用，默认情况下，该函数从 monitoring.gsp 页面上的文本字段中获取值。

更新：这类似于：我有我的个人网页，我需要调用另一个网页，如 google.com，还需要传递一些参数并使用参数调用 google.com 上的“搜索”调用，所以一次我点击链接/按钮我的网页，它不仅转发到 google.com，而且还使用我传递的参数调用搜索事件，我直接看到谷歌搜索结果页面。

问候， 普里扬克

Answer 1

不要使用原生的jQuery.ajax 函数。在 grails 中，您有一个 jquery 插件。

1. 使用grails install-plugin jquery安装此插件。

2. 使用<g:javascript library="jquery" />将jQuery文件导入你的html

3. 将您的第一个 AJAX 函数替换为：

   <g:remoteFunction
        controller="user"
        action="monitoring"
        before="$('#mydiv').html('../showspinner.gif')"
        onComplete="window.location = ${createLink(
            controller: 'user', 
            action: 'monitoring')}" />
   

4. 将您的第二个 AJAX 函数替换为：

   <g:remoteFunction
        controller="user"
        action="filterResult"
        params="$('#yourFormId').serialize()"
        before="$('#filteredResult').html('/showspinner.gif')"
        update="filteredResult" />
   

也许您必须检查您的参数是否设置正确。在任何情况下，您都可以使用params 标签在第一种情况下提供参数。