JQUERY/AJAX/JSON in der selben Datei verarbeiten

Wutaler

Mitglied
Hallo zusammen,

ich zusammen, ich kniffel schon eine ganze weile bekomme es aber nicht gepacken.

Ich habe folgendes JS-Scritp:

Code:
$(document).ready(function () {
                     
                        $("form").submit(function(event) {

                            event.preventDefault();

                            var form = $(this);
                            var action = form.attr("action"),
                                method = form.attr("method"),
                                data   = form.serializeArray();

                            $.ajax({
                                url : action,
                                type : method,
                                dataType: 'json',
                                data : data
                     
                            }).always(function() {
                                $("#buttonLoader").text("|").addClass("formFooterSpinner");
                            }).done(function (data) {
                                $(".formFooterFeedback").text(data);
                                $("#buttonLoader").text("anlegen").removeClass("formFooterSpinner");
                            }).fail(function() {
                                $(".formFooterFeedback").text("Fehlertext!");
                                $("#buttonLoader").text("anlegen").removeClass("formFooterSpinner");
                            });
                        });        
                    });

wie man sieht möchte ich mit dem Scipt daten per JSON an eine PHP datei senden, aber ich möchte keine externe datei angeben, sondern die selbe auf der auch das Formular liegt.

das Formular hat folgenden code:

HTML:
<form method="post" action="<?php echo $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"]; ?>">
                <input type="hidden" id="doContractNewRequest" name="doContractNewRequest">
                    <div class="formFooter">
                        <div class="formFooterSection">
                            <div class="formFooterFeedback"></div>
                        </div>

                        <div class="formFooterSection">
                            <button type="submit" id="sendButton" style="width: 200px;">
                                <div id="buttonLoader">anlegen</div>
                            </button>
                        </div>
                    </div>             
             
                </form>


wie schaffe ich es, das mein JS die daten an die selbe datei schickt und verarbeite?
 
ich verstehe dein Problem nicht .Wo soll Javascript was hin schicken ? Mit ajax nach php,Richtig?

Und was soll das dann heissen
das mein JS die daten an die selbe datei schickt und verarbeite?
Dein Javascript sendet doch schon nach Php... Irgendwie schecke ich das nicht ,bin wohl zu müde
 
Das Formular und die PHP-Verarbeitung der Formulardaten sollen in ein und dem selben Dokument liegen und die Jquery soll mit Ajax die Daten in der Datei selbst hin und her schicken... Das wird aber wahrscheinlich nicht funktionieren, oder?
 
Zurück