Phtml dosyamdan birine basit bir düğme ekledim.
<input type='button' name='emq_zip_btn' class='emq_zip_btn' value='Go'>
Özel bir modülden (Ved_Mymodule) bir özel js dosyası ("emq.js") ekledim:
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');
});
});
//]]>
});
Yukarıdaki düğmeye tıkladığımda "tıklandı" konsolda yazdırılıyor yani jQuery düzgün çalışıyor.
Özel bir Ved_Mymodule modülünden bir denetleyici dosyası:
Ved \ MyModule \ Kontrolör \ Endeksi \ 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 / kullanıcı arayüzü / 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>
Benim sorum bu denetleyici yönteminden bir veri döndürmek ve daha sonra jQuery yani o düğmeye tıklandıktan sonra basit bir ajax çağrısı yapmak nasıl erişmek.