PHPデータキャプチャを使用したブートストラップモーダルからのリダイレクト

Question

私は内部にフォームを持つブートストラップモーダルを持っています。送信をクリックすると、フォームデータを処理するPHPスクリプトが表示されます。

理想的には、私は以下のようなURLにこのモーダルを添付したいと思います：

• ユーザーは、彼らが私はしたくない、モーダルまたはプレスを閉じた場合は、リンク
• モーダルフォーム
• でポップアップ表示クリックURLに進む詳細を提供する
• フォームに記入すると、正常に送信されるとリダイレクトされます。

これを行う最もユーザーフレンドリーな方法は、AJAXリクエストのようなものだと思います。

私の考えは、これまでのところ、このです：

は

• ユーザーがリンクをクリックしたリンクがpreventDefault()
• モーダルで停止提出され
• フォームを表示されている
• Linkは、通常の
として使用されている

私の質問は次のとおりです。モーダルオープンし、フォームが提出されたら、特定のURLのhrefに行きますか？

例えば<a data-target="#myModal" data-toggle="modal" class="whatever" id="whatever" href="http//:www.google.co.uk">Click here</a></li>

しかし、その代わりに開始するためにGoogleに行こうと、彼らは唯一のモーダルと対話した後、そこに行きます。

Answer 1

リダイレクトのリンクをモーダルに渡すためにデータ属性を使用することをお勧めします。

<a data-target="#myModal" data-toggle="modal" data-link="http//:www.google.co.uk" 
class="whatever" id="whatever">Click here</a> 

は、それからちょうどあなたのjQueryの「リンク」としてそれを参照することにより、モーダルでそれを使用します。

$(#whatever).on("click", function() { 
    var my_link = $(this).data('link'); 
    //... 
});