JavaScript中的引发和订阅事件

Question

我不知道这是否有可能。 我有一个javascript，只需将页面上的表单序列化，然后单击按钮即可将其保存到服务器

// dispatcher script
$(function(){

    $("#btn").click(function(){

    // how to raise event here before save that another script can subscribe

    var data = $("#myform").serialize();

    //Save data here using jquery Ajax

  })
})

现在，在同一页面上还有一个Javascript。 并且此javascript需要在保存之前执行某些操作。

// listener script
$(function(){       


  // in this script i want to subscribe to event and do something when event is raised

})

有没有一种方法可以从一个JavaScript引发事件并在其他javascript中进行订阅？

注意：出于有效的原因，我无法将两个脚本合并为一个

我在这里查看了示例，但是在我的情况下，哪个元素订户将收听？ 假设侦听器脚本不知道btn 。

Answer 1

您可能会喜欢：

 $(function(){ const btn = $('#btn'); btn.on('click',() =>{ console.log('from one file'); $(window).trigger('custom'); }) }); $(function(){ const btn = $('#btn'); $(window).on('custom',() =>{ console.log('from second file') }) }) 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="button" id="btn" value="Click me"/>