submit 時の送信エラーの取得方法

Question

前提・実現したいこと

ネットワーク通信が切れたなどで
submit ができなかった場合には、データを貯め込んで置きたいのですが
submit時のエラーは　どうコーディングすればいいのか教えてください。

発生している問題・エラーメッセージ

現時点では、
WiFiなどの通信切れた場合には、サーバにデータが送信されないだけです。

該当のソースコード

試したこと

<FORM name="js" method="POST" action="http://***/****.php" name=form1" target="result" >
        <INPUT  type="hidden" name="user">送信データ<br/>
    	<input id="post_click" type="submit" value="送信" onClick="return doPost()" class="style_button1" ><br>
</FORM>
<script>
var send_data;
//省略
function DoPost(){
        if (send_data.length > 0 ) {
            return true;
        } else {
            return false;
        }
}
</script>

Answer 1

submit時のエラーは　どうコーディングすればいいのか教えてください。

フォームからブラウザの仕組みを使ってsubmitさせるような場合、送信すればページ遷移してしまいますので、エラーをJavaScriptで検知することは困難です。

• Service WorkerでPOST送信に介入してエラーハンドリングを行う
• 直接フォーム送信を行わず、Ajax経由で処理させる

など、複雑な処理が必要となります。

Comments

[runa]

御返答　ありがとうございます
submit で　*.php を起動しているだけなので　ページ遷移は発生していないのですが。
何か　根本的に使い方がおかしいのでしょうか？

>Ajax経由で処理させる
すみませんが、もう少し具体的に教えていただけませんでしょうか？

[maisumakun]

> submit で　*.php を起動しているだけなので　ページ遷移は発生していないのですが

いえ、（targetで別タブにしていないような）formからsubmitするとactionの先に遷移します。

> すみませんが、もう少し具体的に教えていただけませんでしょうか？

抜本的な改造が必要になるので、それを書くにはこの欄は狭すぎます。