我试图创建一个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?
当前回答
我包括引导脚本和第一个(jquery.slim)是这个错误的原因。删除第一行解决了我的问题。
其他回答
这可能是因为JQuery的精简构建。尝试使用“未压缩”或“缩小”版本。JQuery (cdn) 这也可能是因为在JQuery CDN之前加载了Bootstrap CDN。在我的例子中，我删除了Bootstrap CDN，并将JQuery移动到'body'标签的末尾，问题就解决了。
让我分享一下我的经验:
我的HTML页面设计器使用:
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
当我创建一个简单的AJAX请求，得到一个错误，它说， $.ajax(…)不是一个函数
所以，我补充说:
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
那么，至少对我来说是完美的。
引用包含ajax的jquery最小版本:
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
不确定，但看起来你的代码中有一个语法错误。试一试:
$.ajax({
type: 'POST',
url: url,
data: postedData,
dataType: 'json',
success: callback
});
$旁边有额外的括号。这些都是不需要的。如果仍然得到错误，则不会加载jQuery脚本文件。
有一个语法错误，因为你在ajax函数和另一组括号后放置括号来定义参数列表:-
如你所写:-
$.ajax() ({
type: 'POST',
url: url,
data: postedData,
dataType: 'json',
success: callback
});
括号周围的ajax必须被删除，它应该是:-
$.ajax({
type: 'POST',
url: url,
data: postedData,
dataType: 'json',
success: callback
});
