关于yii对话框关闭函数的Ajax调用失败

时间:2013-11-05 06:45:08

标签: php jquery yii jquery-dialog zii-widgets

我在对话框关闭功能上使用ajax调用时遇到此问题。

这是我的ajax调用函数:

function samplefunction(var1,var2){     

    $.ajax({
        url: "controllerFunction?var1="+var1+"&var2="+var2,
        type: 'POST',
        dataType: 'json',
        success: function(data)
        {
            $("#htmlmessage").html(data.message);
            $("#htmlmsgdialog").dialog("open");
        }
    });
}

这是对话框代码:

<?php 
$this->beginWidget('zii.widgets.jui.CJuiDialog',array(
    'id'=>'sampledialogboxname',
    'options'=>array(
        'title'=>'Sample Dialog Box I',
        'autoOpen'=>false,
        'modal'=>true,
        'resizable'=>false,
        'draggable'=>false,
        'position'=>array("middle",30),
        'width'=>650,
        'show'=>'fade',
        'hide'=>'fade',
        'open' => 'js:function(event,ui){
                      //some code here
        }',
        **'close' => 'js:function(event,ui){
                        samplefunction("samplestring1","samplestring2");
                        window.location.href = "'.$sampleurl.'";
        }',**
        'buttons' => array
        (
            array('id' => 'firstback','text'=>'BACK',
                        'click'=> 'js:function(){
                                    samplefunction("samplestring1","samplestring2");
                                    $(this).dialog("close");
                                    window.location.href = "'.$sampleurl.'";
                        }'),
            array('id' => 'secondback','text'=>'BACK','click'=> 'js:function(){
                                    //some code here
                        }'),
            array('id' => 'thirdback','text'=>'BACK','click'=> 'js:function(){
                                    //some code here
                        }'),
            array('id' => 'fourthback','text'=>'BACK','click'=> 'js:function(){
                                    //some code here
                        }'),
            array('id' => 'firstnext','text'=>'NEXT','click'=> 'js:function(){
                                    //some code here
                        }'),
            array('id' => 'secondnext','text'=>'NEXT','click'=> 'js:function(){
                                    //some code here
                        }'),
            array('id' => 'thirdnext','text'=>'NEXT','click'=> 'js:function(){
                                    //some code here
                        }'),
            array('id' => 'save','text'=>'SAVE','click'=> 'js:function(){
                                    //some code here  
                        }')
        ),
    ),
));?>

这是控制器功能:

public function actionControllerFunction($var1, $var2)
{
    var_dump($var1, $var2);
    //Do Some Code here

    $result['showdialog'] = true;
    $result['message'] = "Sample Msg.";

    echo json_encode($result);
    exit;
}

我的问题是,即使在我进入控制器功能之前,ajax调用总是失败。 我检查了我的参数,它还有要传递的相应字符串。 我非常需要帮助。任何有助于我的评论都非常感谢。 谢谢。 (^ __ ^)

1 个答案:

答案 0 :(得分:0)

我认为你最好的办法是修复你通过ajax功能访问的网址:

在视图文件中

$sampleurl=Yii::app()->createUrl("controllerName/sampleFun");
$ajaxFun=Yii::app()->createUrl("controllerName/controllerFunction");
$ajaxReq = <<<JS
function samplefunction(var1,var2 ,dlg,refreshUrl){     

    $.ajax({
        url: "$ajaxFun&var1="+var1+"&var2="+var2,
        type: 'POST',
        dataType: 'json',
        success: function(data)
        {
            $("#htmlmessage").html(data.message);
            $("#htmlmsgdialog").dialog("open");
        }
    });

    if(dlg!=null ) $(dlg).dialog('close');
    //window.location.href=refreshUrl
}
JS;

请注意网址:url: "$ajaxFun&var1="+var1+"&var2="+var2,

给上下文控制器SiteController它的ajax url应该是这样的:

site/controllerFunction&var1=abc&var2=def

完整网址将是:

index.php?r=site/controllerFunction&var1=abc&var2=def

在你的情况下,你错误地把

index.php?r=site/controllerFunction?var1=abc&var2=def

注意两个(?)显然是错误的。

建议:

  1. 通过删除参数

    来修复该功能

    public function actionControllerFunction(){ //use $_POST array .... }

  2. 从ajax方法发送数据作为发布数据  函数样本函数(var1,var2,dlg,refreshUrl){

    $.ajax({
        url: "$ajaxFun",
        data:"&var1="+var1+"&var2="+var2",
        type: 'POST',
        dataType: 'json',
        success: function(data)
        {
            $("#htmlmessage").html(data.message);
            $("#htmlmsgdialog").dialog("open");
        }
    });
    

    注意url: "$ajaxFun",data:"&var1="+var1+"&var2="+var2",

  3. 希望这会有所帮助read further