jquery ajax reagiert nicht

Question

Was dies tun soll, ist die actions.php aufrufen, und geben Sie dann ein Array des 'POST'als' GET 'Typ Hier ist der Code. Ich kann die Warnung ("Nicht im Ajax") zu reagieren, aber alles innerhalb der $.ajax nicht: Gibt es irgendwelche Vorschläge?

/****** Dies ist die jquery und Ajax-Dateien ***********************/

/****************************

$("#loginSignupButton").click(function() { 
    // alert("Not in the ajax"); 
    $.ajax({   
     type: "POST", 
     url: "actions.php?action=loginSignup", 
     data: "email=" + $("#email").val() + "&password" + $("#password").val() + "&loginActive=" + $("#loginAcive").val(), 
     success: function(result) {  
      alert(result);  
     } 
    })   
}) 

/************ ********************/

/**** auf der actions.php-Datei Dies ist der Code: ****/

include ("functions.php");

if ($_GET['action'] == "loginSignup") { 

     print_r($_POST); 

    } 

/**************************/

Answer 1

Normalerweise, wenn Sie auf eine Schaltfläche klicken hat es eine Standard Aktion, die Sie mit

verhindern können

$("#loginSignupButton").click(function(event) { 
event.preventDefault() 
//call ajax stuff here 
} 

In Ihrem Fall erfassen Sie das Ereignis nicht, da Ihr Rückruf keine Eingabeparameter hat. Außerdem sendet ein POST normalerweise etwas an den Server, wenn Sie erwarten, etwas zurück zu bekommen, das in Ihren Erfolgsrückruf eingehen würde. In diesem Fall zeigen Sie dies einfach als Warnung an, und das ist alles, was ich erwarten würde dieser Fall.

Bitte beachten Sie, dass Methode: POST einige serialisierbare Daten an den Server sendet, während ein GET etwas vom Server anfordern würde. Es ist schwer zu verstehen, was genau Sie vorhaben.

Nebenbei bemerkt: Sie können auch als auch ‚this‘ Schlüsselwort verwenden wie:

$("#loginSignupButton").click(function() { 
this.preventDefault() 
} 

, die Sie in die Zukunft sehen kann, aber keine Sorge darüber, wie es ist nicht klug zu verstehen AJAX fordert

Answer 2

Ich denke, dass Ihre Ressource keinen Erfolgscode zurückgibt, deshalb wird Ihre Erfolgsfunktion nie ausgeführt.

Um herauszufinden, ob das wahr ist, fügen Sie unten Zeilen Code:

error: function(jqXHR, textStatus, errorThrown) { 
    alert(textStatus); 
} 

Sie können mehr über die Verwendung jQuery.ajax in jQuery docs lesen.

Answer 3

Sicherstellen, dass die Taste tatsächlich angeklickt wird (vielleicht Ihre ID ist falsch?)

$("#loginSignupButton").click(function() { 
alert('working') 

Dann ist dieser Erfolg unter hinzufügen:

error: function(e) { 
    console.log(e) 
} 

Öffnen Sie Ihre Konsole (F12) und nehmen ein schau, ob es eine Fehlerausgabe gibt.

Während Sie in Ihrer Konsole sind, sehen Sie sich die Registerkarte Netzwerk an. Wird eine Anfrage gesendet? Was sind die Parameter? Wie lautet die Antwort?

Beachten Sie auch, ein Ereignis-Listener wie diese können erst eingestellt werden, nachdem das DOM geladen ist, so dass Sie es mit $(document).ready(function(){ ... }

Answer 4

wickeln müssen also den Bootstrap-Ajax-Link stellt sich heraus, dass ich anscheinend wurde mit oder nicht funktioniert Link:

Wie auch immer, wenn ich ändere den ajax es funktionierte googeln: