2016-07-28 33 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); 
相關問題