Question

我正在玩从我的控制台到本地服务器进行ajax调用但是我收到错误：

VM4460:1 Uncaught TypeError: $.ajax is not a function(…)

这是我的代码

url = 'http://localhost:8080/testform?q=somethingnew1'
$.ajax({
  type: 'GET',
  url: url,
});

我做错了什么？

编辑 - 我意识到我做错了什么。我在没有运行jQuery的页面上运行控制台。当我切换到加载了jQuery的网站并运行它运行的命令。对困惑感到抱歉。

Answer 1

您必须添加JQuery才能使$函数正常工作，检入控制台动态添加Jquery脚本并调用您的ajax函数。

(function(){
  var newscript = document.createElement('script');
     newscript.type = 'text/javascript';
     newscript.async = true;
     newscript.src = 'https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js';
  (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(newscript);
})();



url = 'http://localhost:8080/testform?q=somethingnew1'
$.ajax({
  type: 'GET',
  url: url,
});

将此代码复制并粘贴到控制台中并检查。

但是，您应该将Jquery添加到您正在处理的HTML页面中。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

Answer 2

您正在使用JQuery函数，因此您需要在页面中包含JQuery（如果它尚未存在）。在代码之前运行：

var x = document.createElement('script');
x.src = 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.js';
document.getElementsByTagName("head")[0].appendChild(x);

Answer 3

要在控制台中使用jQuery，它需要已经包含在网页中（在HTML via script tag中）。

如果要在任何页面的控制台中使用jQuery，请在控制台中使用下一个代码：

var jq = document.createElement('script');
jq.src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);
// ... give time for script to load, then type.
jQuery.noConflict();

Answer 4

最简单的方法是首先在整个开发控制台中执行这个脚本，然后它会让你开始使用 jquery：

var script = document.createElement('script');
script.src = "https://code.jquery.com/jquery 3.4.1.min.js";
document.getElementsByTagName('head')[0].appendChild(script);

从控制台进行Ajax调用，获取错误$ .ajax不是函数（）

4 个答案: