javascript - 将 jQuery (ajax) 与 TypeScript 结合使用

标签 javascript jquery ajax typescript

我已经在我的 TypeScript 项目中安装了 jQuery 类型。我可以在 VS Code 中键入 $.ajax(...) 而不会出现任何编译错误。但是,当我在 localhost 中检查它时,我收到一条错误消息,提示“$ is not defined”。我试图通过像这样导入 jQuery 来修复它:

 import * as jQuery from "jquery"

我用同样的方法导入express,成功了。

当我键入“jquery”时。在 VS Code 中,VS Code 自动建议“ajax”作为方法调用,因此它知道我的导入。但是当我再次在 localhost 中检查它时,它告诉我 jquery.ajax 不是一个函数。

我的测试 ajax 调用:

jquery.ajax("test.html", {
            success: function () {
                alert("success");
            },
            error: function () {
                alert("error");
            }
        });

如何使用带有 TypeScript 的 jQuery 进行 ajax 调用?

最佳答案

类型的作用是告诉您的 TypeScript 哪些方法可以安全地与某个 JavaScript(不是 TypeScript)文件进行交互。它们就像 C++ 中的头文件。您仍然需要以某种方式将相关代码实际导入您的页面。这样做的基本方法是在 HTML 的 <head> 中添加类似的内容:

<script src="scripts/jquery.js"></script>

如果你没有使用像 CommonJS 或 AMD 这样的模块系统(你必须自己设置),你可能想要删除 import声明,因为它可能会让您感到困惑。

关于javascript - 将 jQuery (ajax) 与 TypeScript 结合使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39047272/

相关文章:

javascript - AJAX 仅加载和返回有限数量的对象

javascript - Bootstrap/Css - 2 DIV 相同高度

html - Ajax从php页面获取内容

javascript - 需要帮助理解 Javascript 中的 + 运算符

javascript - 使 HTML 输入区域只读但可选择

jquery - 汉堡包和侧边栏效果碰撞

jquery - CodeIgniter 中的 AJAX 联系表单

jquery - AJAX - 检索多个数据

javascript - 使用下划线获取属性值数组

javascript - 防止用户在表单字段中输入 < 或 >