AJAX в Yii2, держите ошибку, не знаю, где я пропустил

Question

у меня есть таблица в моем представлении и <tbody id="tableckp"></tbody> в качестве тела таблицы.

Далее, у меня есть кнопка, чтобы добавить строку в таблицу, используя ajax, идентификатор - "tomboltambah".

как уже упоминалось выше, я использую Yii2, поэтому мне нужно передать данные в контроллер приложения. Я не уверен, как я должен заполнить параметр URL в AJAX. После просмотра в Интернете в течение нескольких часов, вот мой код: (все еще получаю ту же ошибку: 400)

Ajax, JQuery (включен с использованием актива):

$(document).ready(function() {

$('#example1').DataTable();
$('#tomboltambah').click(function(){
    var request = $.ajax({
      url: "tomboltambah",
      type: "POST",
      data: {"tambah" : '1', "_csrf" : '<?=Yii::$app->request->getCsrfToken()?>'},
      dataType: "html"
    });

    request.done(function(msg) {
      $("#tableckp").append(data);
    });

    request.fail(function(jqXHR, textStatus) {
      alert( "Request failed: " + jqXHR.status );
    });
});
});

А вот мой контроллер (он есть в MainController):

 public function actionTomboltambah() {
    return 
            '<tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>';
}

Я думаю, что URL-адрес правильный (потому что это код ошибки 400, если URL-адрес является проблемой, это должен быть 404 неправильный запрос, верно?).

Может кто-нибудь найти проблему здесь? спасибо за ваше время, надеюсь, у вас хороший день, я искал часы!

Это запрошенный файл конфигурации:

$params = require __DIR__ . '/params.php';
$db = require __DIR__ . '/db.php';

$config = [
    'id' => 'absensi',
    'basePath' => dirname(__DIR__),
    'bootstrap' => ['log'],
    'defaultRoute' => 'main/index',
    'aliases' => [
        '@bower' => '@vendor/bower-asset',
        '@npm'   => '@vendor/npm-asset',
    ],
    'components' => [
        'request' => [
            // !!! insert a secret key in the following (if it is empty) - this is required by cookie validation
            'cookieValidationKey' => 'widfJPdqz5vq3a764eRz_ID7duHl_WtW',
        ],
        'cache' => [
            'class' => 'yii\caching\FileCache',
        ],
        'user' => [
            'identityClass' => 'app\models\User',
            'enableAutoLogin' => true,
        ],
        'errorHandler' => [
            'errorAction' => 'site/error',
        ],
        'mailer' => [
            'class' => 'yii\swiftmailer\Mailer',
            // send all mails to a file by default. You have to set
            // 'useFileTransport' to false and configure a transport
            // for the mailer to send real emails.
            'useFileTransport' => true,
        ],
        'log' => [
            'traceLevel' => YII_DEBUG ? 3 : 0,
            'targets' => [
                [
                    'class' => 'yii\log\FileTarget',
                    'levels' => ['error', 'warning'],
                ],
            ],
        ],
        'db' => $db,

        'urlManager' => [
            'showScriptName' => false,
            'enablePrettyUrl' => true,
        ],
        /*
        'urlManager' => [
            'enablePrettyUrl' => true,
            'showScriptName' => false,
            'rules' => [
            ],
        ],
        */
    ],
    'params' => $params,
];

if (YII_ENV_DEV) {
    // configuration adjustments for 'dev' environment
    $config['bootstrap'][] = 'debug';
    $config['modules']['debug'] = [
        'class' => 'yii\debug\Module',
        // uncomment the following to add your IP if you are not connecting from localhost.
        //'allowedIPs' => ['127.0.0.1', '::1'],
    ];

    $config['bootstrap'][] = 'gii';
    $config['modules']['gii'] = [
        'class' => 'yii\gii\Module',
        // uncomment the following to add your IP if you are not connecting from localhost.
        //'allowedIPs' => ['127.0.0.1', '::1'],
    ];
}

return $config;

Answer 1

Сначала убедитесь, что токены равны. Они не могут быть равны согласно вашему коду. Используйте собственное решение Yii js

data: {"tambah" : '1', "_csrf" : yii.getCsrfToken()},

Чтобы исключить защиту csrf, которая возвращает заголовок 400, вы можете отключить ее по причинам отладки в вашем контроллере Отключить проверку CSRF для отдельных действий в Yii2

Вторично, ваши правила пусты, и ссылка на ajax-запрос tomboltambah , но контроллер MainController :: actionTomboltambah (), поэтому он должен быть main / tomboltambah

В-третьих (основной) Ваш код довольно странный. Вы хотите использовать js lib, но вернуть чистый HTML в файл представления. Это плохая практика.

Answer 2

Вы можете использовать этот JS для отправки запроса и получения данных от MainController и добавления строки, подобной этой

$('#tomboltambah').click(function(){
    $.post("/main/tomboltambah", {'tambah': '1'}, function (response, status) {
        var data = $.parseJSON(response);
        var yourHTML = "";

        yourHTML = "<tr><td>" + data["key1"] + "</td><td>" + data["key2"] + "</tr>";

        $("#tableckp").html(yourHTML);
    });
});

MainController:

public function actionTomboltambah() {
    ...
    ...
    ...
    $someData = [...];
    return json_encode($someData);
}