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

Question

我需要调用一个 javascript 函数(包含一个 jquery.ajax() 调用)，例如 showfilterresult()。此调用在页面 monitoring.gsp onclick 上调用，例如“过滤器”。

我正在进行的调用来自不同的页面，我需要做的是加载 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，而且还使用我传递的参数调用搜索事件，我直接看到了 google 搜索结果页面。

问候，普里扬克

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 提供参数。标签。