jQueryのアヤックス自体への投稿の代わりに、スクリプト

Question

私はフォームを持っている：私は電子メールで、提出ブトン、そのポストをクリックすると

function emailSubmit(){ 
     $.ajax({ 
         type: "POST", 
         url: "mysitesip/addemail.php", 
         data: { 
          email: $("#email").val() 
         }, 
         success: function (data) { 
          $('#success').html(data); 

         } 
        }); // end Ajax  
    } 

：

<form name="emailform" id="emailform" onsubmit="emailSubmit()" method="post"><div> 
     <input type="text" id="email" name="email" value=""> 
     <input class="btn" type=submit value="Submit"></div> 
      </form> 

はここemailSubmit（）ですaddemail.phpではなく、アドレスをパラメータとして使用して、ページを更新しますか？なぜこうなった？私がmethod = "post"を取り除くと、フォームはGETリクエストを自分自身に出すが、正しい電子メールをパラメータとして使う。 .ajaxメソッドは、そのタイプがPOSTであることを明確に述べているので、これは私にとって非常に混乱しています。フォームの「メソッド」を変更すると、emailSubmit（）の投稿が変更されるのはなぜですか？

.ajax呼び出しは、別のページで非常によく似た使い方からそのまま受け継がれ、うまく動作します。

（私は「それがPOSTしている」または私はこれらの事を見て放火犯を使用しています、「GETingされる」と言うとき）

Answer 1

あなたは、標準的なフォームの送信をキャンセルすることは何もやっていません。

結果として、指定したURIにAjaxのものが送信され、action属性を忘れたため、現在のページのURIに正常に送信されます。

1. 停止固有のイベント属性を使用して（すなわちのonSubmit属性）
2. 使用JS event bindingではなく
3. prevent the default submit action
4. あなたはJSのために失敗したので、もし賢明な場所を指してaction属性を持っていることを確認します何らかの理由で、フォームはまだ動作します。 c.f. Unobtrusive JavaScript。

または、迅速かつ汚れたハックとして... onsubmit属性の末尾にreturn false。 「Aボタンをするために使用され提出 -

function emailSubmit(){ 
    $.ajax({ 
        type: "POST", 
        url: "mysitesip/addemail.php", 
        data: { 
         email: $("#email").val() 
        }, 
        success: function (data) { 
         $('#success').html(data); 

        } 
       }); // end Ajax  
    return false; 
} 

Answer 2

フォームデータをサーバーに送信する」

私は何をすると、次のである - 私の元の投稿は動作しません指摘されたよう

<form name="emailform" id="emailform" method="post"><div> 
    <input type="text" id="email" name="email" value=""> 
    <input class="btn" type=button onclick="emailSubmit()"></div> 
</form> 

---

編集、。私が作ったはずのポスト -

<form name="emailform" id="emailform" ><div> 
    <input type="text" id="email" name="email" value=""> 
     </div> 
</form> 
<input class="btn" type=button onclick="emailSubmit()"> 

は、私はちょうど押しが提出し、答えは私の現在のコードベースと一致しているをしない入ることを確認しました。

Answer 3

http://www.w3schools.com/html/html_forms.asp：

onsubmit="return emailSubmit()" 

とを：あなたは、フォームを提出し、ハンドラで値を返さないのでfalseを返す必要が