TypeError：$ .ajax（...）不是函数吗？

我正在尝试创建一个简单的AJAX请求，该请求从MySQL数据库返回一些数据。这是我的以下功能：

function AJAXrequest(url, postedData, callback) {
    $.ajax() ({
        type: 'POST',
        url: url,
        data: postedData,
        dataType: 'json',
        success: callback
    });
}

...在这里我称之为它，解析所需的参数：

AJAXrequest('voting.ajax.php', imageData, function(data) {
    console.log("success!");
});

但是，我的成功回调未运行（因为“成功！”未记录到控制台），并且控制台中出现错误：

TypeError: $.ajax(...) is not a function.
success: callback

这是什么意思？在成功事件触发$ .ajax内部的匿名函数之前，我已经完成了AJAX请求，但是现在我试图运行一个单独的命名函数（在本例中为回调）。我该怎么办？

这里的答案都没有帮助我。问题是：我使用的是jQuery的苗条版本，其中删除了一些内容，其中ajax是其中之一。

解决方案：只需在此处下载jQuery的常规版本（压缩版或非压缩版）并将其包含在您的项目中即可。

仔细检查您是否使用的是完整版的jQu​​ery，而不是某些苗条版本。

我正在使用jquery附带的jquery cdn-script链接。问题是默认情况下，这个是slim.jquery.js，其中没有ajax功能。因此，如果您正在使用（从Bootstrap网站复制粘贴）超薄版本的jquery脚本链接，请使用完整版本。

也就是说用 <script src="https://code.jquery.com/jquery-3.1.1.min.js"> 代替 <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"

不确定，但是看起来您的代码中有语法错误。尝试：

$.ajax({
  type: 'POST',
  url: url,
  data: postedData,
  dataType: 'json',
  success: callback
});

您旁边没有多余的括号$.ajax。如果仍然出现错误，则不会加载jQuery脚本文件。

结帐Jquery文档

弃用通知：从jQuery 3.0开始，删除了jqXHR.success（），jqXHR.error（）和jqXHR.complete（）回调。您可以改用jqXHR.done（），jqXHR.fail（）和jqXHR.always（）。

您的AJAX函数有错误，括号过多，请尝试 $.ajax({

参考包括ajax的jquery min版本：

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

将括号放在ajax函数和另一组括号后以定义参数列表时会出现语法错误：-

如您所写：

$.ajax() ({
    type: 'POST',
    url: url,
    data: postedData,
    dataType: 'json',
    success: callback
});

必须删除有关ajax的括号，它应该是：-

$.ajax({
    type: 'POST',
    url: url,
    data: postedData,
    dataType: 'json',
    success: callback
});

我遇到了同样的问题，我的解决方案是：添加JQuery脚本。

特别是，当我们在firefox / chrome下调试js时，应确保加载了相应的JQuery。

如果您正在使用bootstrap html模板，请记住删除模板底部的jquery slim链接。我无法在此处发表评论，因此在此发布了此详细信息。

对于任何试图在nodejs中运行它的人：它都不会立即可用，因为jquery需要浏览器（或类似浏览器）！我只是想使导入运行，并正在记录console.log($)写入的内容[Function]，然后console.log($.ajax)返回的内容undefined。我没有tsc错误，并且可以从intellij自动完成，所以我想知道发生了什么。

然后在某个时候，我意识到这node可能是问题所在，而不是打字稿。我在浏览器中尝试了相同的代码，它起作用了。要使其工作，您需要运行：

require("jsdom").env("", function(err, window) {
    if (err) {
        console.error(err);
        return;
    }

    var $ = require("jquery")(window);
});

（学分：https：//stackoverflow.com/a/4129032/3022127）

现在答案还为时已晚，但是此回答可能对将来的读者有所帮助。

我想分享一个场景，假设有多个html文件（一个基本html和多个子HTML），而其中一个子HTML中使用了$ .ajax。

假设在子HTML中，通过URL“ https://code.jquery.com/jquery-3.5.0.js ” 包含js ，在基本/父HTML中，通过URL-“ https：//code.jquery包含js .com / jquery-3.1.1.slim.min.js ”，那么将在所有使用此子HTML以及上述基本HTML的页面上使用JS的超薄版本。

在使用引导框架使用“ https://code.jquery.com/jquery-3.1.1.slim.min.js ” 加载js的情况下尤其如此。

因此，要解决此问题，需要确保在所有页面中都通过URL“ https://code.jquery.com/jquery-3.5.0.js ”或包含所有JQuery库的最新URL来包含js 。

感谢Lily H.向我指出这个答案。

让我分享我的经验：

我的html页面设计器使用：

<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>

当我创建一个简单的AJAX请求时，收到错误消息，提示TypeError：$ .ajax（…）不是函数

所以，我补充说：

<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>

然后，至少对我来说，它非常完美。