从模板创建和使用AJAX的正确方法是什么？

Question

下午好，

我正在创建一个模块，在后台的单个产品页面中添加一个选项卡，希望该选项卡将在带有提供的URL的前台产品页面中添加一个按钮。

我已经创建了一个具有基本表单的.tpl文件，以测试是否从该表单接收了值（代码块1）。我还创建了一个脚本，该脚本应该进行AJAX调用（代码块2），以便从控制器获得响应。这是我控制器中的基本功能，如果ajax在工作，它应该返回'foo'。 （代码块3）。每当我单击按钮时，都会调用一个URL（en / module / amazonbutton / AdminAmazonButtonAjaxController），并显示404错误。该文件位于正确的文件夹中。

代码块1

match_phrase

代码块2

<input type="hidden" name="test" value="textt" />
<button type="button" id="submit_amazonbutton" class="btn btn-success" style="cursor: pointer;">Save</button>

代码块3

$(document).on('click', '#submit_amazonbutton', function() {
        $.ajax({
            type: 'POST',
            cache: false,
            datatype: 'json',
            url: '{$ajaxURL}',
            data: {
                ajax: true,
                controller: 'AdminAmazonButtonAjax',
                action: 'button',
                token: token
            },
            success: function(data) {
                if(data) {
                    console.log(data);
                }
            }
        });
    });

可能是问题所在，或者这不是实现此类功能的适当方法？