On Click RUN PHP-Code und Javascript

Question

Ich habe ein Formular mit einem div als eine Schaltfläche, die als eine Schaltfläche zum Schließen für ein anderes div fungiert.

Wenn ich auf dem Formular klicken, möchte ich zwei Dinge passieren:

1. das übergeordnete div Schließen (ich schaffte es bereits, dass) und
2. Führen Sie ein PHP-Skript (Ich bin hier fest) . Dies ist

, wie weit ich bekam:

<form action="/alert.php" method="post"> 
    <div class="alert-close">×</div> 
</form> 

<script> 
    $(document).ready(function(c) { 
    $('.alert-close').on('click', function(c) { 
     $(this).parent().fadeOut('slow', function(c) {}); 
    }); 
    }); 
</script> 

Ich dachte über einen Code wie diese Umsetzung:

$.ajax({ 
    url: $form.attr('action'), 
    method: $form.attr('method'), 
}); 

aber ich weiß nicht, wo es hingehört, wie ich eine bin noob mit AJAX und JavaScript. Was muss ich tun?

Answer 1

können Sie $("#target").submit();

verwenden diese Methode eine Verknüpfung für .on ist ("Eintragen", handler) in der ersten Variante und .trigger ("Eintragen") in der dritten.

Das Submit-Ereignis wird an ein Element gesendet, wenn der Benutzer versucht, ein Formular zu senden. Es kann nur an Elementen angebracht werden. Formulare können entweder durch Klicken auf ein explizites,, oder oder durch Drücken der Eingabetaste gesendet werden, wenn bestimmte Formularelemente den Fokus haben.

$(document).ready(function(c) { 
 
\t $('.alert-close').on('click', function(c){ 
 
\t \t $(this).parent().fadeOut('slow', function(c){ 
 
\t \t }); 
 
     //$("#myform").submit(); //use this for submitting the form 
 
    \t }); 
 
}); 
 
    
 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form id = "myform" action="/alert.php" method="post"> <div class="alert-close">×</div> 
 
</form>

Wenn Sie Ajax verwenden für die Seite nicht neu laden wollen, müssen Sie nur beheben, was Sie haben.

$.ajax({ 
    method: "POST", 
    url: "alert.php", 
    success: function(result){ 
    alert("Success"); // Use the success function to make sure that ajax was successful 
    } 
}); 

Für mehr über AJAX diesen Link: http://api.jquery.com/jquery.ajax