、私のフォームは

Question

は、私は、以下のボタンを持つフォームを持って提出することを防ぎ良い。 ？私は広告location.href="mahjong.php?layout=win";しようとすると、問題は、私が使用している場合は

に勝つ=私が欲しい私は、このボタンを押すと、フォームが送信とURL mahjong.phpをロードしていることであるレイアウトです：

$("#test2").click(function(){ 
location.href="mahjong.php?layout=win"; 
$.ajax({ 
      type: "POST", 
      data: $("#form").serialize(), 
      cache: false, 
      url: "insert.php" 
     }); 
     return false; 
    }); 

私はURLに行くが、フォームは常に提出されません。これを修正する方法。 insert.phpファイルを編集することはできません。これは他のボタンでも使用されています（リダイレクトが必要ない場合）

Answer 1

ゴーはsuccessハンドラを使用して、戻ってきましたスピナーを使用したり、ボタンを無効にして、ユーザーが何かが起こっていることを知ったり、ボタンを再びクリックしたりしないようにします。

Answer 2

location.hrefをajax呼び出しの後に挿入します。そうしないと、ajax呼び出しが送信される前にページを離れることがあります。

これがうまくいかない場合は、location.hrefをajax呼び出しのコールバック関数に入れて、サーバーからの応答を受け取った後に新しいページをロードして、データが送信されたことを確認できます。それはおそらく、ページ上のいくつかの視覚的な通知を置く価値が例えばだ

$("#test2").click(function() { 
    $.ajax({ 
     type: "POST", 
     data: $("#form").serialize(), 
     cache: false, 
     url: "insert.php", 
     success: function() { 
      location.href = "mahjong.php?layout=win"; 
     } 
    }); 
    return false; 
}); 

：フォーム後のリンクに

Answer 3

location.hrefを設定すると、現在のページがアンロードされ、その上のすべてのスクリプトが停止します。

は（据え置き）完了ハンドラを使用します。この1を試し

$("#test2").click(function() { 
    $.ajax({ 
     type: "POST", 
     data: $("#form").serialize(), 
     cache: false, 
     url: "insert.php", 
    }) 
    .then(function() { 
     location.href = "mahjong.php?layout=win"; 
    }); 
    return false; 
});