Ein Event von mehreren Stellen aufgerufen

  • JavaScript

Es gibt 1 Antwort in diesem Thema. Der letzte Beitrag () ist von Manü.

    Ein Event von mehreren Stellen aufgerufen

    Ahoi,

    ich habe auf einer Seite 3 Möglichkeiten sich für einen Newsletter anzumelden (fragt nicht ;)).
    Den Aufruf auf das PHP-Script will ich asynchton via Ajax machen.
    Mein Problem dabei ist, dass es nur eine Funktion gibt um den Aufruf zu starten.

    HTML-Quellcode

    1. ​
    2. $(document).ready(function(){
    4. $('.newsletter-send').click(function (){
    5. $('.newsletter-form').submit();
    6. });
    8. $('.newsletter-form').submit(function(){
    9. $.ajax({
    10. type: "POST",
    11. url: $(this).attr('action'),
    12. data: $(this).serialize(),
    13. dataType: "json",
    14. success: function(data){
    15. console.log(this);
    16. var output = "<div class='col-xs-6 col-xs-offset-3 label label-" + data[0] + "'>" + data[1] + "</div>";
    17. $('#result_message').html(output);
    18. },
    19. error: function(jqXHR, textStatus, errorMessage){
    20. console.log(errorMessage);
    21. }
    22. });
    23. return false;
    24. });
    25. });

    Der Aufruf wird aber nun 3 mal durchgeführt, da die Klassen natürlich auch 3 mal vorhanden sind.
    Mir fällt dabei nichts ein, wie ich das ganze entweder noch separieren könnte (natürlich ohne für jede der 3 Formen einen eigenen Aufruf zu starten) ,
    oder die anderen Aufrufe blockiere.
    Natürlich wird auch nur an einer Stelle das Result ausgegeben.
    Grüße Manu

    Was Gott dem Menschen erspart hat, kann der Computer.
    Billy ©, (*1932), Schweizer Aphoristiker
    Quelle: www.Aphorismen.de

    Falls jemand bei dem Problem auch mal nicht auf eine Lösung kommt.
    Ich habe mir eine Function erstellt, der die ID der Form übergeben wird und welche beim Button type="submit" aufgerufen wird.

    HTML-Quellcode

    1. ​<form id="form1" ...><button type="submit" onclick="regNewsletter"></form>


    HTML-Quellcode

    1. ​
    2. <script type="text/javascript">
    3. function regNewsletter(formId)
    4. {
    5. $('#' + formId).submit(function(){
    6. $.ajax({
    7. type: "POST",
    8. url: $(this).attr('action'),
    9. data: $(this).serialize(),
    10. dataType: "json",
    11. success: function(data){
    12. console.log(this);
    13. var output = "<div class='col-xs-6 col-xs-offset-3 label label-" + data[0] + "'>" + data[1] + "</div>";
    14. $('#result_message').html(output);
    15. },
    16. error: function(jqXHR, textStatus, errorMessage){
    17. console.log(errorMessage);
    18. }
    19. });
    20. return false;
    21. });
    23. }
    24. </script>
    Grüße Manu

    Was Gott dem Menschen erspart hat, kann der Computer.
    Billy ©, (*1932), Schweizer Aphoristiker
    Quelle: www.Aphorismen.de

Facebook
Telefonspende