Ajax与php类

Question

当用户单击记录以对其进行编辑时，我想使用AJAX来显示表单。 我知道并且能够使用AJAX。

但是现在我想在PHP中调用类的方法。 那就是我卡住的地方。

下面是我的控制器的一些代码示例：

public function start() {

    $users = $this->usersmodel->getAllUsers();

    $firstRow = new HtmlTableFirstRow();

    $table = new HtmlTable($users,$users,$firstRow);

    $table->setCss('table1');

    echo $table->show();



}

public function editRecord() {

    $recordId = $this->getFirstParameter();

    $user = $this->usersmodel->getUserById($recordId);

    $tableId = $this->fieldModel->getTableIdByName('users');

    $inputs = $this->fieldModel->getFields($tableId);

    $collection = new Fieldcollection($inputs);

    foreach($collection as $inputs) {

        for($i = 0; $i < count($inputs); $i++) {

            foreach($user as $userInfo) {

                $inputs[$i]->setValue($userInfo[$i]);

            }

        }

    }

    $form = new Form($collection);

    $form->setLabels();

    $form->setCss('form1');

    echo $form->show();

}

如您所见，我有2个功能，开始显示所有记录。 当用户单击editrecord时，将显示一个表单。

我想在没有页面刷新的情况下在弹出窗口中显示表单。

处理此问题的最佳方法是什么？

Answer 1

您可以创建一个页面来管理ajax请求，如下所示：

server.php ：

    if(isset($_GET['request'])){
        switch($_GET['request']){
            case 'get-form' :
                $userId = $_GET['userId'];
                $form = new Form($collection);

                $form->setLabels();

                $form->setCss('form1');

                echo $form->show();
            break;
        }
}

在客户端页面中，您可以发送ajax请求并通过jquery获得结果： client.html ：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <table>
        <tr data-userId="1">
            <td>User 1</td>
            <td><button class="edit">Edit Record</button></td>
        </tr>
        <tr data-userId="2">
            <td>User 2</td>
            <td><button class="edit">Edit Record</button></td>
        </tr>
        <tr data-userId="3">
            <td>User 3</td>
            <td><button class="edit">Edit Record</button></td>
        </tr>
    </table>
    <div class="popup">

    </div>
</body>
<script src="jquery.js"></script>
<script src="ajax.js"></script>
</html>

ajax.js：

    (function(){
    $('.popup').hide();
    $('.edit').on('click',function(){
        var userId = $(this).parent().parent().data('userId');
        $.get('server.php',{request : 'get-form' , userId : userId},function(form){
            $('.popup').empty().append(form).fadeIn();
        });
    });
})();

我希望这可以帮助你