Javascript 如何在JQuery中声明函数并从外部.js文件引用？

我正试图从中找出一个我没有足够声誉来评论的例子（这可能比问一个新问题要好）

我已经在我的

login.js

代码中包含了以下snippit，如链接示例中所示

function send_stuff_to_server(){

var data = {
    'action': 'handle_login', // missed this same as your action hook wp_ajax_{handle_login}
    'security': MyAjax.security // We can access it this way
}

$.post(MyAjax.ajax_url, data, function (callBack) {
      console.log(callBack); // Will return nonce
});

}

HTML/PHP前端

根据一个指南，我只是制作了一个简单的按钮，它允许我测试外部脚本中定义的

send_stuff_to_server

函数

<!--Creating Nonce Here as example-->
<input type="hidden" name="login_nonce" value="<?= wp_create_nonce('login_nonce'); ?>"/>
<input id="clickMe" type="button" value="clickme">

<script>
//- Using a function pointer:
document.getElementById("clickMe").onclick = send_stuff_to_server;
//- Using an anonymous function:
//document.getElementById("clickMe").onclick = function () { alert('hello!'); };
</script>

对此感到有点傻，但解决方案是将
$.post
替换为
jQuery.post