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

Question

我正在尝试从另一篇我没有足够的声誉来评论的帖子中找出一个例子(这可能比问一个新问题更好(

我已经在我的login.js代码中包含以下截图，如链接示例中所示。

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>

当我单击按钮并检查控制台时，我收到一个错误，表明 $ 是一个问题。

我尝试使用function send_stuff_to_server($)传入这个与 jQuery 相关的"东西"，但它仍然不满意。

我不想使用匿名函数，然后在外部脚本中定义按钮 onclick 操作(例如这个(。我只想用 $ 解决 JQuery 命名空间问题，然后能够像我一样在字体结束代码中定义单击方法。

Answer 1

对此感觉有点傻，但解决方案是用jQuery.post替换$.post。