無法從yii2中的ajax調用得到響應

Question

我有一個GirdView其中包括checkbox。現在我有一個按鈕，我發送到另一個action controller。下面是我的代碼

<?= GridView::widget([ 
     'dataProvider' => $dataProvider, 
      /*'filterModel' => $searchModel,*/ 
      'id'=>'grid', 
     'columns' => [ 

     ['class' => 'yii\grid\CheckboxColumn'], 
     'Meter Serial Number', 
     'Issued To', 
     'Store', 


], 
]); ?> 
<a href="<?= URL::toRoute(['ogpheader/viewsetpdf','id'=>'myid'])?>" type="submit" class="btn btn-primary" name="issue_pdf" id="myid" onclick="getRows()">Set PDF</a> 


$(document).ready(function() {  

$('#myid').click(function() { 

    var keys = $('#grid').yiiGridView('getSelectedRows'); 

    // alert(keys); 

    $.post({  
     url: 'ogpheader/viewsetpdf', 
     dataType: 'json', 
     data:{keylist: keys}, 
     success:function(data) { 
     alert('Done') 
     } 

}); 
}) }); 

然後在我的控制器

public function actionViewsetpdf() 
{ 
    /*$model = $this->findModel($id); 
    print_r($model);*/ 

    if(isset($_POST['keylist'])) 
    { 
     $keys = json_decode($_POST['keylist']); 
     print_r($keys); 
    } 



    exit(); 

} 

當我按一下按鈕我得到空的觀點。我跟着this tutorial我不知道是什麼問題。我堅持它。

UPDATE1

儘管在網絡檢查它

更新2

如所建議的我試圖與$.ajax和下面是結果

更新3

改變JS

$('#myid').click(function(e) { 
e.preventDefault(); 
var keys = $('#grid').yiiGridView('getSelectedRows'); 

// alert(keys); 

$.ajax({  
    url: '<?= URL::toRoute(["ogpheader/viewsetpdf"])?>', 
    dataType: 'json', 
    data:{keylist: keys}, 
    type: 'post', 
    success:function(data) { 
    alert('Done') 
    } 

後

}）;

結果是

任何幫助將高度讚賞。

Answer 1

改變控制器，看看有什麼回報，可能CSRF令牌缺少爲什麼會得到空的輸出

public function actionViewsetpdf() 
{ 
    if(isset($_POST['keylist'])) 
    { 
     $keys = json_decode($_POST['keylist']); 
     print_r($keys); 
    } 
    else{ 
     echo 'no data'; 
    } 
    exit(); 
} 

Answer 2

$.post()傳遞的參數有限。使用$.ajax()。還需要添加e.preventDefault()從a標籤

$(document).ready(function() {  

$('#myid').click(function(e) { 
    e.preventDefault(); 
    var keys = $('#grid').yiiGridView('getSelectedRows'); 

    // alert(keys); 

    $.ajax({  
     url: '<?php echo URL::toRoute(["ogpheader/viewsetpdf"]); ?>', 
     dataType: 'json', 
     data:{keylist: keys}, 
     type: 'post', 
     success:function(data) { 
     alert('Done') 
     } 

}); 
}) }); 

Answer 3

POST方法需要CSRF停止重定向令牌，所以你必須通過_csrf令牌作爲參數

$.ajax({ 
    url: 'ogpheader/viewsetpdf', 
    type: 'post', 
    dataType: 'json', 
    data: { 
     keylist: keys, 
     _csrf: '<?=Yii::$app->request->getCsrfToken()?>' 
    }, 
    success: function(data) { 
     console.log(data); 
    } 
}); 

或者你也可以通過添加該禁用CSRF valdation到控制器

public function beforeAction() 
    {  
     if ($this->action->id == 'viewsetpdf') { 
      Yii::$app->controller->enableCsrfValidation = false; 
     } 
     return true; 
    } 

或者最簡單的方法只是改變POST到GET

Answer 4

下面JS使用

<?php 
$url = Url::toRoute(['ogpheader/viewsetpdf']); 
$this->registerJs(<<< JS 
$(document).ready(function() { 
    $('#myid').click(function() { 
     var keys = $('#grid').yiiGridView('getSelectedRows'); 
     $.ajax({ 
     url: '$url', 
     data: {keylist: keys}, 
     type: "POST", 
     dataType: 'json', 
     success:function(data) { 
      alert('Done'); 
     } 
     }); 
    }); 
}); 
JS 
); ?>