オンランニングPHPコードとJavascriptをクリック

Question

divをボタンとして持つフォームがあり、別のdivのクローズボタンとして機能します。

私は、フォーム上でクリックすると、私が起こるために二つのことをしたい：

1. は（私はここにこだわって）PHPスクリプトを実行します（私はすでにその管理）親のdivを閉じ、
2. 。

これは私が得たどのくらいです：

<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> 

私はこのようなコードを実装することについて考え：

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

が、私はとそれが属するところ私にはわかりませんAJAXとJavaScriptのnoob 何をする必要がありますか？第三中

Answer 1

あなたはこのメソッドは、.onのショートカットです$("#target").submit();

を使用することができます（「提出」、ハンドラ）第1変形例、および.triggerで（「提出」）。

送信イベントは、ユーザーがフォームを送信しようとしたときに要素に送信されます。それは要素にのみ付けることができます。フォームは、明示的なをクリックするか、または、または特定のフォーム要素がフォーカスを持っているときにEnterキーを押して、フォームを送信できます。

$(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>

あなたがリロードないページにAJAXを使用したい場合は、あなただけが持っているもの修正する必要があります。 AJAXの詳細については

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

このリンクを使用します。[そう]でhttp://api.jquery.com/jquery.ajax