我试图创建一个AJAX请求。下面是我的函数定义:

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

这里是我调用它的地方,提供参数:

AJAXrequest('voting.ajax.php', data, function(data) {
    // function body
});

然而回调没有运行,相反,我得到一个console.error:

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

Why?


当前回答

如果你使用的是bootstrap html模板,记得删除模板底部的jquery slim链接。

其他回答

仔细检查你使用的是完整版的jquery,而不是一些精简版。

我使用的是jquery cdn-script链接自带的jquery。问题是这个默认是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 "

这两个答案都帮不了我。问题是:我使用的是jQuery的精简版本,其中删除了一些东西,ajax就是其中之一。

解决方案:下载jQuery的常规版本(压缩或不压缩),并将其包含在项目中。

引用包含ajax的jquery最小版本:

<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的精简版本,它没有ajax功能。请使用https://releases.jquery.com/上的简化版本

注意:请确保不要使用从Bootstrap网站复制的jquery链接,因为他们使用的是精简版。