Eu adicionei um botão simples em um dos meus arquivos phtml.
<input type='button' name='emq_zip_btn' class='emq_zip_btn' value='Go'>
Adicionei um arquivo js personalizado ("emq.js") de um módulo personalizado (Ved_Mymodule):
require([
"jquery",
"jquery/ui"
], function($v){
//<![CDATA[
$v = jQuery.noConflict();
$v(document).ready(function()
{
console.log('jquery loaded from emq.js');
$v(".emq_zip_btn").on('click',function(e)
{
console.log('clicked');
});
});
//]]>
});
Quando clico no botão acima, "clicado" é impresso no console, ou seja, o jQuery está funcionando corretamente.
Aqui está um arquivo do controlador de um módulo personalizado Ved_Mymodule:
Ved \ Mymodule \ Controller \ Index \ Index.php:
<?php
namespace Ved\Mymodule\Controller\Index;
use Ved\Mymodule\Model\NewsFactory;
use Magento\Framework\App\Action\Action;
use Magento\Framework\App\Action\Context;
class Index extends Action
{
/**
* @var \Tutorial\SimpleNews\Model\NewsFactory
*/
protected $_modelNewsFactory;
/**
* @param Context $context
* @param NewsFactory $modelNewsFactory
*/
public function __construct(
Context $context,
NewsFactory $modelNewsFactory
) {
parent::__construct($context);
$this->_modelNewsFactory = $modelNewsFactory;
}
public function execute()
{
}
}
Ved / Mymodule / etc / frontend / routes.xml:
<?xml version="1.0"?>
<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:noNamespaceSchemaLocation="../../../../../../lib/internal/Magento/Framework/
App/etc/routes.xsd">
<router id="standard">
<route id="news" frontName="news">
<module name="Ved_Mymodule" />
</route>
</router>
Minha pergunta é como retornar um dado deste método do controlador e acessá-lo via jQuery, ou seja, como fazer uma simples chamada ajax após clicar nesse botão.
controllers
ajax
magento2.1.0
vedu
fonte
fonte
Respostas:
Abaixo está o exemplo de como fazer isso. Modifique-o de acordo com sua exigência.
Eu usei o modelo js para isso.
O exemplo a seguir criará um menu suspenso no seu arquivo phtml usando a funcionalidade ajax.
No seu JS
No controlador
NO seu arquivo phtml
getAjaxUrl deve funcionar no seu arquivo de bloco, que retorna o URL
Espero que ajude.
fonte