Yii Ajax提交按钮

7rtdyuoh 于 2022-11-23 发布在其他

关注(0)|答案(2)|浏览(114)

Yii 1.1.14
我正在尝试创建一个弹出窗口来选择年份，然后获得所选年份的一些报告输出：

弹出窗口是由CJuiDialog生成的。在CJuiDialog里面，我有一个表单。第一次我在表单上有一个正常的提交按钮，它工作得很好。但是它没有关闭弹出窗口。然后我发现了这个帖子：Yii - CJuiDialog Close on submit button click提交表单的对话框按钮关闭了对话框，但似乎没有发布到指定的url。我还直接在表单中尝试了ajaxSubmitButton（）。当我单击此按钮时，结果相同。没有JS错误，应用程序日志中没有任何内容。
这是我的观点：

<div class="reporting">
    <?php 
        $this->beginWidget('zii.widgets.jui.CJuiDialog',array(
            'id'=>'mydialog',
            'options'=>array(
                'title'=>'select year test',
                'autoOpen'=>false,
                'modal'=>true,
                'buttons' => array(
                    'Dialog Submit Button'=>'js:function(){
                        $.post(
                            $("#select-year-form").attr("action"),
                            $("#select-year-form").serialize(),
                            function(){$("#mydialog").dialog("close");}                     
                        );
                    }',             
                        array('text'=>Yii::t('app','reporting.select.close'),'click'=> 'js:function(){$(this).dialog("close");}'),
                ),
            ),
        ));
    ?>
    <div class="well">
        <?php echo     CHtml::beginForm(CHtml::normalizeUrl(array('/site/about')),'post',array('id'=>'select-year-form')); ?>
        <table class="contentheader">
            <tr>
            <td><?php echo CHtml::DropDownList('year', $lastyear, $yearslist, array('options'=>array($lastyear=>array('selected'=>true)) )); ?></td>
            </tr>
        </table>
        <br />
        <?php echo CHtml::ajaxSubmitButton('Form Ajax Submit Button',
                CHtml::normalizeUrl(array('/site/about')), 
                array('success'=>'function(){$("#mydialog").dialog("close");}'),
                array('name' => 'run', 'class' => 'btn btn-success')
        ); ?>
        <?php echo CHtml::endForm(); ?>
    </div>

    <?php 
        $this->endWidget('zii.widgets.jui.CJuiDialog');
        echo CHtml::link(Yii::t('app','app.menu.reporting.planning.xlsabsence'), '#', array(
            'onclick'=>'$("#mydialog").dialog("open"); return false;',
        ));
    ?>
</div>

**EDIT：**以下是 AJAX 提交按钮的requestheader：

Request URL:http://localhost/yii02/yiiars02/index.php?r=site/about
Request Method:POST
Status Code:200 OK
Request Headersview source
Accept:*/*
Accept-Encoding:gzip,deflate,sdch
Accept-Language:fr-FR,fr;q=0.8,en-US;q=0.6,en;q=0.4,de;q=0.2
Connection:keep-alive
Content-Length:9
Content-Type:application/x-www-form-urlencoded; charset=UTF-8
Cookie:b594784e48e60bab8dd41b584687725e=04rsh9hf09a4ef2f4a0in4prg7; e34b39f8afcdd208672f91abc90c8ad5=eqp4uva5819mj068b2n2qf3nu2; jpanesliders_panel-sliders=0; jpanesliders_position-icon=0; gantry-admin-tab=3; f6ea8ae4b9346c959ddbac3f5fefea4b=kk6g5oahbmql62rqkdiafem904; 60c5ada15aad7e760a944539ad24030d=bhf70j5o138vlse6m1gsmv49k6; 098c7ced18d50e0c9e49b567bc9f0832=fr-FR; 160a24a8bbe9b9a4500e829a48ae3415=e72bkntgosf81tbg26s6nk39j6; 25c0d40cd6ace920e960f397705968e5=pdgqudpu2psp5dpag72tol5tp0; PHPSESSID=31sij28hcolr3r1ip39rugmf62
Host:localhost
Origin:http://localhost
Referer:http://localhost/yii02/yiiars02/index.php?r=planning/test
User-Agent:Mozilla/5.0 (Windows NT 5.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/32.0.1700.107 Safari/537.36
X-Requested-With:XMLHttpRequest
Query String Parametersview sourceview URL encoded
r:site/about
Form Dataview sourceview URL encoded
year:2014

回应信头检视来源

Cache-Control:no-store, no-cache, must-revalidate, post-check=0, pre-check=0
Connection:Keep-Alive
Content-Length:4810
Content-Type:text/html
Date:Mon, 10 Feb 2014 09:56:39 GMT
Expires:Thu, 19 Nov 1981 08:52:00 GMT
Keep-Alive:timeout=5, max=100
Pragma:no-cache
Server:Apache/2.2.17 (Win32) PHP/5.4.21
X-Powered-By:PHP/5.4.21

对于另一个按钮它的相同的请求标题。没有出现错误-那么为什么我不能看到页面r=site/about？（实际上r=site/about只是一个测试页，我将不得不做的目标页，当我解决了这个问题）。

yii

来源：https://stackoverflow.com/questions/21661169/yii-ajax-submit-button

2条答案

按热度按时间

yk9xbfzb1#

AJAX 调用是针对页面的部分更新而不是整个页面进行的。

<div id='myDiv'>
</div>

现在在你的ajaxSubmitButton代码中写

<?php echo CHtml::ajaxSubmitButton('Form Ajax Submit Button',
                CHtml::normalizeUrl(array('/site/about')), 
                array('success'=>'function(){$("#mydialog").dialog("close");}',
                      'update'=>'#myDiv'                            ),
                array('name' => 'run', 'class' => 'btn btn-success')
        ); ?>

当收到响应时，要更新的id也会相应地更新。记住，你可以通过设置id来更新任何元素。

赞(0）回复(0）举报 2022-11-23

wb1gzix02#

我得到了工作的过程中，但结果是一个下载的文件，不能被Excel读取：
我介绍了这个 AJAX 提交按钮：

<?php echo CHtml::ajaxSubmitButton('Form Ajax Submit Button',
    CHtml::normalizeUrl(array('/planning/xlsAbsences')), 
    array(
        'type'=>'POST',
        'beforeSend' => "function(request) { console.log('beforeSend'); }",
        'data'=>'js:$("#select-year-form").serialize()+"&year="+$("#dropDownId :selected").text()',
        'success'=>'function(response, status, request){    
            $("#mydialog").dialog("close"); 
            var disp = request.getResponseHeader("Content-Disposition");
            if (disp && disp.search("attachment") != -1) {
                var filename = disp.substring(21).replace("\"","");
                var form = $("<form method=\"POST\" action=\"index.php?r=planning/dl\">");
                form.append($("<input type=\"hidden\" name=\"content\" value=\"" + request.responseText + "\">"));
                form.append($("<input type=\"hidden\" name=\"filename\" value=\"" + filename + "\">"));
                $("body").append(form);
                form.submit();
            }
            console.log(filename);
            console.log(request.responseText);
        }',
        'complete' => "function(request) { console.log(request); }",
        'error' => "function(data) { alert('erro'+data); }",
    ),
    array('name' => 'run', 'class' => 'btn btn-success')
); ?>

我创建了一个新的操作作为表单操作的目标-它的名称为actionDl：

public function actionDl()
{
    $filename = $_POST['filename'];
    $content = $_POST['content'];
    header("Content-Disposition: attachment; filename=".$filename);
    header('Content-Type: application/octet-stream');
    header('Cache-Control: max-age=0');
    echo $content;
}

我以为request.responseText包含excel文件的内容，但也许我错了？

赞(0）回复(0）举报 2022-11-23

我来回答

Yii Ajax提交按钮

2条答案

相关问题

热门标签

最新问答