Ajax POSTルートページに戻ってGET

Question

私はPOSTでAjax経由で送信しているフォームを持っています。

HTML。

<button onclick="submit_ajax()" class="btn btn-primary btn-block" id="next_button" style="font-size: 24px">Create Student Account</button> 

ザ・ジャバスクリプト。

パーサーファイルへの間違いなく間違いはありません。 Chromeのインスペクタが私にこのことを伝えます：XHR finished loading: POST "http://example.com/path/create_student_account.php".

クローム検査官も言う...

send @ VM23103 jquery-3.1.1.min.js:4 
ajax @ VM23103 jquery-3.1.1.min.js:4 
submit_ajax @ complete_account.php:362 
onclick @ complete_account.php:256 

を次に、ここで奇妙な部分があります。その結果、ユーザーは同じページにリダイレクトされますが、URLにGET変数として示された値が使用されます。 Chromeのインスペクタが...パーサファイルに

Navigated to http://example.com/path/complete_account.php?username=vvv&password=vv&confirm=vv&fname=vv&lname=vv&email= 

を言う、私は単純に$_POST['username']またはその後$_GET['username']終了をエコーするために抱き合わせています。私は、POST変数によって提出された同じページに戻って、URLに何らかの形で追加され、GET変数としてすべてが表示されること以外は何も得られません。

誰かがアイデアを持っていれば、私はそれを感謝します。

Answer 1

は、あなたの関数の最後で

e.preventDefault(); 
return false; 

を追加し、機能のためのeパラメータを含めます。

フォームが送信しないことを確認してください。

Answer 2

不思議に思う人のために、 をonclickの中に使用してください。

に動作していない：<button onclick="submit_ajax()" class="btn btn-primary btn-block" id="next_button" style="font-size: 24px">Create Student Account</button>

ワーキング：<button onclick="submit_ajax(); return false;" class="btn btn-primary btn-block" id="next_button" style="font-size: 24px">Create Student Account</button>