JQuery Ajax nicht erfrischend im Modal

Question

Ich verwende ein FancyBox -Modal, um Kommentare von einer Nachrichtenseite anzuzeigen, die aus einer MySQL -Datenbank gezogen wurde. Das Modal hat auch einen Abschnitt, in dem Benutzer neue Kommentare veröffentlichen können. Ich verwende JQuery, um die Formularinformationen zur Verarbeitung an ein anderes Skript zu senden.

Anstatt die erfolgreiche Nachricht zurückzugeben, wird die Informationen veröffentlicht und auf die Seite umgeleitet, anstatt die Informationen im Modal anzuzeigen.

Hier ist die JQuery, die dazu führen sollte:

$(document).ready(function(){ 
$("#submit").click(function() {
/* Set some vars */
                        var messageText = $("textarea#message").val();
                        var newsID = $("hidden#newsid").val();


                        $.post('/process/newmsg.php',
                            { message : messageText, newsid: newsID },
                            function(data) {
                                $("#fancybox_content").before(data);
                            }
                        );



});

});

Irgendeine Idee, was ich hier fehlt?

Answer 1

Dies ist kein gültiger Selektor: $ ("Hidden#NewsID"). "Newsid" ist also leer und die Postparameter geben Syntaxfehler an

{ message : messageText, newsid: },

Answer 2

Probieren Sie $ ("#FancyBox_Content"). HTML (Daten);

Bevor () das Ergebnis nicht in die FancyBox_Content einfügt, wird es vor es gestellt.

Wenn das Ergebnis ein volles HTML -Dokument mit Kopf und allem ist, wird dies zu Problemen führen. Sie sollten zuerst die Ergebnisse analysieren

Answer 3

Annahme #submit Ist eine Sendel -Schaltfläche, müssen Sie das Standardverhalten dieser Schaltfläche abbrechen, bei dem das Formular eingereicht wird. Entweder Rückgabe von Ihrer Klick -Handler -Funktion oder verwenden Sie die Verwendung e.preventDefault().