2016-07-28 45 views
0

我正在玩一个从我的控制台到本地服务器的ajax调用,但出现错误:

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

这是我的代码

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

我在做什么错?

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

+1

你在哪里包含jquery –

+0

对不起,我不明白你的意思。我如何包含jQuery? –

+0

https://developers.google.com/speed/libraries/ –

回答

1

要在控制台中使用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(); 
2

您必须添加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> 
+0

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

1

您正在使用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); 
相关问题