程序员最近都爱上了这个网站  程序员们快来瞅瞅吧!  it98k网:it98k.com

本站消息

站长简介/公众号

  出租广告位,需要合作请联系站长


+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

暂无数据

为什么我在发出 Ajax 请求时收到 TypeError: $.ajax is not a function?

发布于2022-06-29 22:28     阅读(1342)     评论(0)     点赞(18)     收藏(1)


我正在构建一个应用程序,当我向服务器发出 Ajax 请求时,我收到以下错误:

类型错误:$.ajax 不是函数

我在网上查了一下,尤其是在 Stackoverflow 上,发现了很多有我同样问题的人提出的问题,但没有一个被接受的答案能解决我的问题:

  • 我的 HTML 中包含一个精简的 jQuery 版本
  • 在包含包含我的函数的 javascript之前,我包含了 jQuery 的源文件
  • 我认为括号中没有错误,就像某些问题一样

这就是我包含 jQuery 的方式:

<script src="./src/jquery-3.2.1.js"> type="text/javascript"</script>

为了清楚起见,我附上了部分代码:

function verifyUsername(success, error) {
  console.log("start check complete");
  $.ajax({
    type: "POST",
    url: '/username',
    contentType: 'application/json',
    data: JSON.stringify({
      username: document.getElementById("username").value
    }),
    done: /*success*/ alert("OK"),
    fail: /*error*/ alert("NO")
  });
}

function verifyBirthPlace(success, error) {
  console.log("pl check complete");
  $.ajax({
    type: "POST",
    url: '/birthplace',
    contentType: 'application/json',
    data: JSON.stringify({
      birthplace_provincia: document.getElementById("birthProvince").value,
      birthplace: document.getElementById("birthTown").value
    }),
    done: success,
    fail: error
  });
}

function checkRegistration() {

  verifyUsername(
    verifyBirthPlace(
      function() {

        if (checkPwdStrenght() == false || comparePwds() == false || checkDate() == false || checkTaxCode() == false) {
          console.log("f")
          return false;
        } else {
          console.log("t")
          return true;
        }
      },
      function(data) {
        console.log("error from place" + data);
      })

    ,
    function(data) {
      console.log("ERROR from user" + data);
    });
}

现在我只有控制台日志而不是函数的真实行为,因为我仍然遇到 Ajax 错误。checkRegistration()在 HTML 中单击时调用:

<button class="btn btn-primary" id="subSignUp" onclick="checkRegistration()">Submit</button>

有任何想法吗?


解决方案


由于某种原因,该函数需要自调用。那是:

(function($) {
    $.ajax(/* etc. */)
})(jQuery);



所属网站分类: 技术文章 > 问答

作者:黑洞官方问答小能手

链接:http://www.qianduanheidong.com/blog/article/377125/5f9ce3c4662001fa6fc2/

来源:前端黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

18 0
收藏该文
已收藏

评论内容:(最多支持255个字符)