Einen Ajax-Anruf von der Konsole aus machen, error $ .ajax ist keine Funktion()

Question

Ich spiele gerade mit einem Ajax-Anruf von meiner Konsole zu einem lokalen Server, aber ich bekomme einen Fehler:

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

Dies ist mein Code

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

Was mache ich falsch?

Bearbeiten - Ich erkannte, was ich falsch gemacht habe. Ich habe die Konsole auf einer Seite ausgeführt, auf der jQuery nicht ausgeführt wurde. Als ich zur Website wechselte, die jQuery geladen hat und den Befehl ausgeführt hat, funktionierte es. Entschuldigung für die Verwirrung.

Answer 1

Um jQuery in der Konsole zu verwenden, muss es bereits in der Webseite enthalten sein (in HTML via script tag).

Wenn Sie jQuery in der Konsole auf jeder Seite verwenden möchten, verwenden Sie folgenden Code in der Konsole:

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 2

Sie müssen den JQuery hinzufügen, um die $ Funktionen, arbeiten die Jquery Skript zu überprüfen, in der Konsole hinzufügen dynamisch und rufen Sie Ihre Ajax-Funktion auf.

(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, 
}); 

Kopieren Sie diesen Code in die Konsole und fügen Sie ihn ein.

Sie sollten jedoch die Jquery zu der HTML-Seite hinzufügen, an der Sie gerade arbeiten.

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

Answer 3

Sie verwenden eine JQuery-Funktion, daher müssen Sie JQuery in die Seite aufnehmen, wenn sie nicht bereits vorhanden ist. Führen Sie diese, bevor Sie den Code ein:

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);