HTML 表单中的多个 PHP 函数处理程序？

Question

我正在使用基于Laravel 和Twig 的OctoberCMS。

我正在尝试使用 1 个表单和 2 个提交按钮从 2 个 php 文件中调用 2 个不同的函数。

我将自己制作的组件Edit.php 和Delete.php 连接到一个页面。

我没有将表单操作定向到 /Edit.php，而是将其定向到当前 url，并使用处理程序通过编辑提交按钮调用 Edit.php 中的 php 函数 onEdit()。

在同一个表单中，如何使用删除提交按钮在Delete.php 中调用onDelete()？

它只选择 1 个处理程序并调用它的函数。

我无法将这两个函数合并到 1 个 php 文件中。

https://jsfiddle.net/t3t5e2Ln/

表格

<!-- Edit or Delete -->
<form method="POST" action="{{ url_current() }}" enctype="multipart/form-data">

    <!-- Edit Handler -->
    <input type="hidden" name="_handler" value="onEdit" />

    <!-- Delete Handler -->
    <input type="hidden" name="_handler2" value="onDelete" /> 

    <!-- Title -->
    <input type="text" name="title" maxlength="255" />

    <!-- Edit Submit -->
    <input type="submit" name="edit" value="Edit" />

    <!-- Delete Submit -->
    <input type="submit" name="delete" value="Delete" />

</form>

编辑.php

public function onEdit() {
    //edit
}

删除.php

public function onDelete() {
    //delete
}

Answer 1

之前的两个答案都不正确。请参阅http://octobercms.com/docs/cms/components 和http://octobercms.com/docs/plugin/components，了解有关为 10 月开发自定义组件的更多信息。

首先，我会将两个处理程序放在同一个组件中（RecordData.php 作为名称的示例）。其次，您应该利用 10 月份出色的 AJAX 框架：http://octobercms.com/docs/ajax/introduction。

下面是 RecordData.php 组件类的示例：

<?php namespace MyVendor\MyPlugin\Components;

use Auth;
use Flash;
use Cms\Classes\ComponentBase;

use MyVendor\MyPlugin\Models\MyRecord as MyRecordModel;

class RecordData extends ComponentBase
{    
    /**
     * Provide information about the component
     */
    public function componentDetails()
    {
        return [
            'name'        => 'RecordData Component',
            'description' => 'Used for editing and deleting custom record data'
        ];
    }

    /**
     * Register any component properties
     * http://octobercms.com/docs/plugin/components#component-properties
     */
    public function defineProperties()
    {
        // return [];
    }

    /**
     * Get the record that will be edited, factoring in the user's access to the specified record
     *
     * @return MyRecordModel
     */
    public function getRecord()
    {    
        $user = Auth::getUser();

        if ($user) {
            return MyRecordModel::findOrFail(post('recordId'));
        } else {
            throw new \Exception("You do not have access to do that.");
        }
    }

    /**
     * AJAX Handler for editing data
     */
    public function onEdit()
    {
        // Get the record
        $record = $this->getRecord();

        // Modify the record
        $record->title = post('title');

        // Save the modifications to the record
        $record->save();

        // Notify the user that the record has been edited
        Flash::success("Record successfully edited");
    }

    /**
     * AJAX Handler for deleting data
     */
    public function onDelete()
    {
        // Get the record
        $record = $this->getRecord();

        // Delete the record
        $record->delete();

        // Notify the user that the record has been deleted
        Flash::success("Record deleted");
    }
}

然后您的 default.htm 部分渲染该组件将如下所示：

{{ form_open() }}

    {# Hidden form field containing the record id. Passing the record id through the URL or other means is possible as well #}
    <input type="hidden" name="recordId" value="{{ __SELF__.recordId }}">

    {# Title #}
    <input type="text" name="title" maxlength="255" />

    {# Edit Button #}
    <button type="button" data-request="{{ __SELF__ }}::onEdit">Save changes</button>

    {# Delete Button #}
    <button type="button" data-request="{{ __SELF__ }}::onDelete">Delete record</button>

{{ form_close() }}

让我带你了解上面粘贴的 Twig 标记：

{{ form_open() }} and {{ form_close() }} 是 10 月份注册的 Twig 辅助函数，用于简化创建表单元素的操作，因为它们会自动确保生成正确的标记，并且如果您选择在您的站点上启用它，它包括 csrf 令牌隐藏字段.

{# #} 代表 Twig 中的评论块，我通常更喜欢使用它们而不是 <!-- -->，因为这样评论只会对查看 Twig 文件的实际源代码的人可见，而不是您网站的所有用户.

data-request 利用October AJAX 框架的attributes API 向AJAX 框架指示服务器上的哪个方法将负责处理由包含data-request 属性的元素触发的请求。

{{ __SELF__ }} 指的是当前组件，它本质上会降低该组件别名的值。基本上，您需要知道的是，使用它可以让您在未来一次在页面上放置多个组件。在{{ __SELF__ }} 之后的::onDelete 和::onEdit 告诉服务器您要在{{ __SELF__ }} 指定的组件上运行什么方法来处理该AJAX 请求。

Answer 2

通常这应该通过ajax请求来完成，所以你可以独立选择端点，但使用几个js也可以做到这一点。

$('input[type=submit]').on('click', function(e) {
   e.preventDefault();
   var url = '/Edit.php';
   if (this.name == 'delete') {
        url = '/Delete.php';
   }
   this.form.action = url;
   this.form.submit();
});

Answer 3

在你的标题中

<head>
<script language="javascript" src="editordelete.js" type="text/javascript"></script>
</head>

你的按钮

<input type="button" name="edit" value=edit  onClick="seteditAction();" />
<input type="button" name="edit" value=edit  onClick="setdeleteAction();" />

创建一个名为“editordelete.js”的文件并将其放入其中，将您的表单名称放在我写yourformnamesgoeshere的位置

function seteditAction() {
document.yourformnamegoeshere.action = "Edit.php";
document.yourformnamegoeshere.submit();
}
function setdeleteAction() {
document.yourformnamegoeshere.action = "Delete.php";
document.yourformnamegoeshere.submit();

}

给你的表单起个名字，方法是发布，动作是记录

<form name="yourformnamegoeshere" method="post" action="">