我试图创建一个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链接。
其他回答
有一个语法错误，因为你在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和它的工作
<script src="https://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
引用包含ajax的jquery最小版本:
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
我遇到了同样的问题，我的解决方案是:添加JQuery脚本。
特别是，我们应该确保在firefox/chrome下调试js时加载了相应的JQuery。
我包括引导脚本和第一个(jquery.slim)是这个错误的原因。删除第一行解决了我的问题。
