无法在zend framework 3中使用ajax发送

Question

我试图发送一个ajax来调用我的函数在GrupoPrusarioController中的'AlterarPermissoesAction'。

js代码：

$.ajax({
    type: 'POST',
    url: '<?= $this->url( 'grupo-usuario-insumo', [ 'action' => 'alterarPermissoes' ] ) ?>',
    data: dados,
    dataType: 'json',
    success: function( r ) {
        console.log( r );
    }
});

当我这样做时，zf3尝试呈现一个页面并将该页面作为响应发送给我。

返回图像

我应该怎么做才能停止zf3尝试呈现页面？

Answer 1

在控制器中，alterapermissionAction必须以以下内容结束：

return $this->getResponse()->setContent(
            Json::encode(
                [
                    [your response]
                ]));

但若不应用布局，则必须在模块中指定。php类似于：

public function onBootstrap(MvcEvent $e)
{
    ...
    $sharedEvents = $e->getApplication()
        ->getEventManager()
        ->getSharedManager();
    $sharedEvents->attach(__NAMESPACE__, 'dispatch', 
        function ($e) {
            $result = $e->getResult();
            if ($result instanceof \Zend\View\Model\ViewModel) {
                $result->setTerminal($e->getRequest()->isXmlHttpRequest());
            } else {
                throw new \Exception([your message]);
            }
        });
}

Answer 2

如果需要数据响应，应确保通过ViewJsonStrategy使用不同的ViewHelper。将以下内容添加到模块的配置中。

'view_manager' => [
    'strategies' => [
        'ViewJsonStrategy', // This is an alias, so add as string
    ],
],

接下来，您的控制器中有一个操作，必须知道它必须返回Json。使用JsonModel执行此操作。好书中的例子-下面的例子代码（来自链接）：

namespace Application\Controller;

use Zend\Mvc\Controller\ActionController;
use Zend\View\Model\JsonModel;

class IndexController extends ActionController
{
    public function getJsonAction()
    {
        return new JsonModel([
            'status' => 'SUCCESS',
            'message'=>'Here is your data',
            'data' => [
                'full_name' => 'John Doe',
                'address' => '51 Middle st.'
            ]
        ]);
    }
}

如果您希望能够有条件地使用它，例如在没有页面刷新的情况下使用动态表单响应，您需要检查请求是否是XmlHttpRequest，如下所示：

namespace Application\Controller;

use Zend\Mvc\Controller\ActionController;
use Zend\View\Model\JsonModel;

class IndexController extends ActionController
{
    public function getJsonAction()
    {
        if ($this->getRequest()->isXmlHttpRequest()) {

            return new JsonModel([
                'status' => 'SUCCESS',
                'message'=>'Here is your data',
                'data' => [
                    'full_name' => 'John Doe',
                    'address' => '51 Middle st.'
                ]
            ]);
        }

        return [
            'normal' => 'response',
        ];
    }
}