2017-11-03 14 views
0

Laravel/PHPログインページにデータを投稿するHTMLフォームがあります。AJAXフォーム提出WITHページの更新方法

私はネイティブのHTMLフォーム送信がそうのような属性を使用します。

<form name='login' class="form-horizontal" role="form" method="POST" action="https://somewebsite.com/login"> 
    // form here 
</form> 

私のフォームは罰金提出し、それが検証したら、私は(action属性のリンクでサイトによって決定される新しいアカウントのページに送られています。

しかし、私はこのフォームをオフに送信する前に、いくつかのJavaScriptの処理をしたいので、私はjQueryを介して、それを行うしたいと思います現時点では、私が実行します。

$("#form").submit(function(){ 
     $.ajax({ 
      type: "POST", 
      url: liveLink, 
      data: dataObj, 
      success: function(res, other, other2){ 
      // Do some javascript stuff in here 

      // Then I would like to follow the URL with correct tokens sent back by the PHP page 
      } 
     }); 
    }); 

これは可能ですか?

+1

あなたが 'preventDefault()'や 'return false;'を使っていないならば、ページは更新されるはずです。正直なところ、AJAXを使う必要はありません。 –

+2

ちょうど使用できませんでした:location.window.href = "http://website.com";あなたの成功関数について? – Roots

+0

@JayBlanchardフォームが送信される前にアナリティクスのトラッキングを行う必要があります(また、送信するJSオブジェクトをコンパイルする必要があり、ハニーポットの検証などが必要です)。私はpreventDefault()を使用して/元の送信機能でfalseを返すだけで、簡潔にするためここに残しました。もし私がそれらを削除すれば、それは私が望むようにするでしょうか? – Jascination

答えて

-1

フォームタグhtmlでattr "action"と "method"を削除する必要があります。そして可能です

+1

これは何をするのですか?アクションとメソッド属性のないフォームは、存在する同じURLにGETリクエストを送信します。 – Taplar

関連する問題