のjQuery：この方法のようにフォームを送信しようとしている

Question

イムを更新せずにフォームを送信：

<form id="myForm" action="http://example.com/somefile" method="POST"> 
... 
... 
... 
<input type="submit" id="sendForm" value="send"> 
</form> 

アクションは、別の開発者によって開発されたそのWebサービスをリンクするので、私は、フォームを送信すると、Webサービスは、私に返信URL（http://www.example.com/thanks）で、私は何をしたいのですが、このWebサービスの返信を避け、その場所でリダイレクトのURLを変更することは可能ですか？

<script> 
    $("#sendForm").click(function() { 
     if (form_check_validation()) { 
      $("#myForm").submit(); 
      window.location.replace("http://stackoverflow.com");    
     } else { 
      return false; 
    //      event.preventDefault(); 
     } 

    }); 
</script> 

しかし、その動作していない：アイブ氏が試し

はあまりにもでそれを行います。

おかげ

注：Webサービスは、別のサーバにあるので、イムは、クロスドメインの起源の問題を持ちます。

Answer 1

https://api.jquery.com/event.preventdefault/ Googleがあるあなたの友人、つぼみ...........このサービスを仮定すると、クロスの起源を可能にし、

Answer 2

ますが、別のページに移動する必要があり、なぜ使用しない/したくありませんアヤックス？ $.ajaxを使用すると、簡単に電話をかけてajaxを作成できます。あなたはアヤックスでそれを行うことができます

$.ajax({ 
    url : "POST_URL", 
    type: "POST", 
    data : formData, 
    success: function(data, textStatus, jqXHR) 
    { 
     // Handle server response 
    }, 
    error: function (jqXHR, textStatus, errorThrown) 
    { 
     // Handle error 
    } 
}); 

Answer 3

：

はhttp://api.jquery.com/jquery.ajax/

例を参照してください。 submitイベントリスナーをフォームにバインドして、Enterキーを押したときにも送信が正しく機能するようにすることをおすすめします。

$("#myForm").submit(function (event) { 
    if (form_check_validation()) { 
     form_submit(this); 
    } else { 
     // ... 
    } 
    event.preventDefault(); 
}); 

function form_submit (form) { 
    $.ajax({ 
     url: form.action, 
     type: form.method, 
     data: $(form).serialize() 
    }); 
}