javascript - 如何将 Ajax 调用作为外部文件包含在内？

Question

我有一个简单的 Ajax 调用，当我在 HTML 文件中的结束 body 标记之前将它包装在脚本中的文档就绪函数中时，它可以完美运行。但是，当我尝试将调用移动到外部 .js 文件中时，不包括脚本标签和文档就绪功能，调用不起作用。我尝试在 HTML 文件的头部和正文中添加外部文件，但没有成功：

<script src="includes_js/login3.js" type="text/javascript"></script>

我在这里没有包含太多代码，因为我不确定什么会有所帮助。

Answer 1

However, when I try to move the call into an external .js file, excluding script tags and the document ready function

尝试将文档就绪功能添加到您的外部 java 脚本文件。

$(document).ready(function(){
 alert('worked');
 // ajax call here
});

如果警报运行，则意味着您的外部 java 脚本文件正在加载。<script>否则标签中的路径可能有问题。

Answer 2

您可以像下面这样从外部文件调用 js 方法。

 $.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8",
        url: encodeURI("../CtrlName/MethodName"), // adjust your path
        async: true,
        data: JSON.stringify({ "param": _param }),
        dataType: "json",
        success: function (data) {
            console.log(data);
        },
        error: function (data) {
            console.log(data);
        }
    });