1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen

JQUERY/AJAX/JSON in der selben Datei verarbeiten

Dieses Thema im Forum "Javascript & Ajax" wurde erstellt von Wutaler, 12. Februar 2018.

  1. Wutaler

    Wutaler Mitglied

    Hallo zusammen,

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

    Ich habe folgendes JS-Scritp:

    Code (Javascript):
    1.                  
    2. $(document).ready(function () {
    3.                      
    4.                         $("form").submit(function(event) {
    5.  
    6.                             event.preventDefault();
    7.  
    8.                             var form = $(this);
    9.                             var action = form.attr("action"),
    10.                                 method = form.attr("method"),
    11.                                 data   = form.serializeArray();
    12.  
    13.                             $.ajax({
    14.                                 url : action,
    15.                                 type : method,
    16.                                 dataType: 'json',
    17.                                 data : data
    18.                      
    19.                             }).always(function() {
    20.                                 $("#buttonLoader").text("|").addClass("formFooterSpinner");
    21.                             }).done(function (data) {
    22.                                 $(".formFooterFeedback").text(data);
    23.                                 $("#buttonLoader").text("anlegen").removeClass("formFooterSpinner");
    24.                             }).fail(function() {
    25.                                 $(".formFooterFeedback").text("Fehlertext!");
    26.                                 $("#buttonLoader").text("anlegen").removeClass("formFooterSpinner");
    27.                             });
    28.                         });        
    29.                     });
    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:
    1. <form method="post" action="<?php echo $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"]; ?>">
    2.                 <input type="hidden" id="doContractNewRequest" name="doContractNewRequest">
    3.                     <div class="formFooter">
    4.                         <div class="formFooterSection">
    5.                             <div class="formFooterFeedback"></div>
    6.                         </div>
    7.  
    8.                         <div class="formFooterSection">
    9.                             <button type="submit" id="sendButton" style="width: 200px;">
    10.                                 <div id="buttonLoader">anlegen</div>
    11.                             </button>
    12.                         </div>
    13.                     </div>            
    14.              
    15.                 </form>

    wie schaffe ich es, das mein JS die daten an die selbe datei schickt und verarbeite?
     
  2. basti1012

    basti1012 Grünschnabel

    ich verstehe dein Problem nicht .Wo soll Javascript was hin schicken ? Mit ajax nach php,Richtig?

    Und was soll das dann heissen
    Dein Javascript sendet doch schon nach Php... Irgendwie schecke ich das nicht ,bin wohl zu müde
     
  3. Wutaler

    Wutaler Mitglied

    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?
     
Die Seite wird geladen...