POST – 永夜

在 Yii2 的 GridView::widget 中，’data-method’ => ‘post’ ，请求方式是 GET 的排查分析

永夜 — Fri, 22 Aug 2025 01:37:38 +0000

Post Views: 65

1、在 Yii2 的 GridView::widget 中，’data-method’ => ‘post’ ，请求方式是 GET。



 $dataProvider,
	'tableOptions' => ['class' => 'table table-centered table-nowrap table-striped mb-0'],
	'rowOptions' => function ($model, $key, $index, $grid) {
		return ['id' => "tr_{$key}"];
	},
	'options' => [
		'id' => 'grid',
		'class' => 'grid-view',
		'style' => "position: relative; overflow: auto; width: 100%;"
	],
	'filterModel' => $searchModel,
	'columns' => [
		['class' => 'yii\grid\SerialColumn'],
	
		
		[
			'class' => 'yii\grid\ActionColumn',
			'template' => '{messages} {abort}',
			'buttons' => [
				'abort' => function ($url, $model, $key) {
					if ($model->state == PhoneMessageTask::STATE_WAIT || $model->state == PhoneMessageTask::STATE_WAITING_FOR_SENDING) {
						return Html::a('', [
							'abort',
							'id' => $model->id
						], [
							'class' => 'action-icon remark-btn',
							'title' => '中止',
							'data-confirm' => '确定要中止该任务吗？',
							'data-method' => 'post',
						]);
					}
					return null;
				},
			],
		],//end ActionColumn
	],
	'emptyText' => '暂无信息', //没有数据时显示的信息
	'emptyTextOptions' => ['style' => 'text-align:center;'], //没有数据时显示信息的样式设置
	'showOnEmpty' => true, //没有数据时是否显示表格
	'summary' => '共{totalCount}条信息，共{pageCount}页，当前{begin}-{end}条',
	'pager' => [
		'options' => ['class' => 'hidden']
	]
]);
?>

2、后来发现原因在于 yii.js 未加载。但是布局文件中是存在 AppAsset::register($this);

3、最后发现原因在于布局文件中不存在

endBody() ?>

基于 Bootstrap File Input v4.3.2 上传文件时，新增 POST 参数的实现

永夜 — Sun, 26 Sep 2021 11:46:55 +0000

Post Views: 101

1、Bootstrap File Input 是一款非常优秀的HTML5文件上传插件，支持文件预览、多选等一系列特性。基于 Bootstrap File Input v4.3.2 上传文件时，现有参数：upfile、file_id。如图1

图1

2、现在需要新增参数：type，基于单选按钮的选择：视频、音频，设置其对应值：video、audio。如图2

图2

3、参考官网：http://www.bootstrap-fileinput.com/options.html 。配置项：uploadExtraData，将作为数据通过 POST 传递给 url/AJAX 服务器调用的额外数据。此属性仅适用于 ajax 上传，并且当您为 uploadUrl 设置了值时。如图3

图3

4、编辑 JS 代码，添加：uploadExtraData: {type: ‘video’},。如图4

图4



    function initUploadMediaFile(id, type) {
        var container = $('body');
        if (id) {
            container = $(id);
        }
        var uploadFiles = container.find('input[data-target="uploadMediaFile"]');
        $.each(uploadFiles, function (i, v) {
            $_self = $(v);
            var initialPreview = [];
            var initialPreviewConfig = [];
            var previewImage = $('input[name="' + $_self.attr('data-for') + '"]').attr('data-preview') || $('input[name="' + $_self.attr('data-for') + '"]').val();

            if (previewImage) {
                initialPreview.push(previewImage);
                initialPreviewConfig.push({key: getFileName(previewImage)})
            }
            var maxFileSize = 512000;
            var msgSizeTooLargeUnit = '512000KB';
            $_self.fileinput({
                allowedFileTypes: ['video', 'audio'],
                language: 'zh',
                initialPreview: initialPreview,
                initialPreviewConfig: initialPreviewConfig,
                showPreview: false,
                deleteUrl: '',
                // initialPreviewAsData: true,
                multiple: false,
                maxFileSize: maxFileSize,
                msgSizeTooLarge: '建议上传不超过' + msgSizeTooLargeUnit + '大小的图像！',
                allowedFileExtensions: ["'" + type + "'"],
                uploadUrl: "/web-api/vms/upload",
                uploadExtraData: {type: 'video'},
                overwriteInitial: true,
                dropZoneEnabled: false,
                showUpload: false, //是否显示上传按钮
                uploadAsync: true
            }).on("filebatchselected", function(event, files) {
                $(this).fileinput("upload");
            }).on('fileuploaded', function (event, data, previewId, index) {
                $.isLoading('hide');
                if (data.response.code == 0) {
                    // alert(JSON.stringify(data));
                    if (typeof window.uploadFilesSuccess !== 'undefined') {
                        window.uploadFilesSuccess(data.response.id, $(event.target).attr('data-for'));
                    }
                    // $('#'+previewId).attr('data-code',getFileName(data.response.result.attachment));
                    // $('input[name="'+$(event.target).attr('data-for')+'"]').val(data.response.result.original);
                    $('#' + previewId).attr('data-code', getFileName(data.response.id));
                    $('input[name="' + $(event.target).attr('data-for') + '"]').val(data.response.id);
                } else {
                    utils.showNotification('上传文件失败', 3);
                }
            }).on('filecleared', function (event) {
                // console.log(event, 1);
                $('input[name="' + $(event.target).attr('data-for') + '"]').val('');
            }).on('iledeleted', function (event, key) {
                $('input[name="' + $(event.target).attr('data-for') + '"]').val('');
            }).on('filereset', function (event) {
                $('input[name="' + $(event.target).attr('data-for') + '"]').val('');
            }).on('filepreupload', function (event) {
                $('.kv-upload-progress').show();
                $.isLoading({text: '数据提交中，请稍后。。。'});
            }).on('filesuccessremove', function (event, id) {
                $('input[name="' + $(event.target).attr('data-for') + '"]').val('');
            }).on('fileuploaderror', function (event, data, msg) {
                $.isLoading('hide');
                $('.kv-upload-progress').hide();
                utils.showNotification('上传文件失败', 3);
            });
        })
    }

5、测试功能，上传文件时，新增 POST 参数 ( type: video ) 成功实现。如图5

图5

6、在调整此函数时，基于单选按钮的选择，再增加一个函数参数 $type 就可以实现预期的文件类型的效果。function initUploadMediaFile(id, type, filetype) 。符合预期。如图6

图6

在 Yii 2.0 的 RESTful APIs 中，跨域资源共享的实现

永夜 — Tue, 09 Jun 2020 06:59:49 +0000

Post Views: 129

1、在域名：http://editorweb.wjdev.chinamcloud.cn 中请求接口：http://api.pcs.wjdev.chinamcloud.cn/v1/plan-tasks/274?login_id=2e368664c41b8bf511bcc9c65d86dbc3&login_tid=b26398238620e8cd15b0155cd7aee9b2 ，响应 404 ，所请求的资源上不存在“ Access-Control-Allow-Origin”标头。如图1

图1


OPTIONS http://api.pcs.wjdev.chinamcloud.cn/v1/plan-tasks/274?login_id=2e368664c41b8bf511bcc9c65d86dbc3&login_tid=b26398238620e8cd15b0155cd7aee9b2 404 (Not Found) Access to fetch at 'http://api.pcs.wjdev.chinamcloud.cn/v1/plan-tasks/274?login_id=2e368664c41b8bf511bcc9c65d86dbc3&login_tid=b26398238620e8cd15b0155cd7aee9b2' from origin 'http://editorweb.wjdev.chinamcloud.cn' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

2、决定先在本地环境中自行实现一个前端的 Ajax 请求示例

" title="