ホームページ上にinputタグがあるのですがリロードすると警告が出てしまいます。
出したくないのですが方法をご存知の方はいませんか
以下コードになります。

HTML
1<input type=text name=yyg>

警告ですが端末によって内容が違いますが大体は再送信しますか？という表記になります。

こちらのサイトを参考にしてコピペでとりあえず実装しています。

キャプチャについてですがスマホので貼り付けさせていただきます。

index.html

HTML
1<!DOCTYPE html>
2<html lang="ja">
3    <head>
4        <meta charset="UTF-8">
5        <title>タイトル</title>
6        <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
7        <script>
8          $(function() {
9            $('#request').click(function() {
10              var data = {request : $('#td').val()};
11              $.ajax({
12                type: "POST",url: "tt.php",data: data,
13                success : function(data, dataType) {},
14                error : function() {alert('通信エラー');}
15              });
16              $('input#td').val('');
17              return false;
18            });
19          });
20        </script>
21    </head>
22    <body>
23    <input id=td><span id=request>送信</span>
24    </body>
25</html>

tt.php

PHP
1<?php
2    $ken = $_POST['request'];
3    
4    //受け取ったデータが空でなければ
5    if (!empty($ken)) {
6    
7    $fp = fopen("sample.txt", "a");
8      fwrite($fp, $ken);
9    fclose($fp);
10        echo $ken;
11    
12    //空だったら
13    } else {
14       
15    }

すみません、こちらが正しいです。

やりたいのは以下の通りです。
1,入力して送信ボタンをクリック
2,手動でリロードボタンをクリック
3,以下同じ

2から3で画像のような表示が起きてしまいます。
URLはります。

m.ts10806

2019/10/01 02:12

できればその警告のキャプチャをご提示くださいあと、再現するコード全体も追記願います

退会済みユーザー

2019/10/01 02:49

修正させていただきました。

m.ts10806

2019/10/01 02:49

再現するコード全体も「質問本文に」追記願います

退会済みユーザー

2019/10/01 02:57

修正させていただきました。

m.ts10806

2019/10/01 04:05

タグにPHPは必要ですね

x_x

2019/10/01 04:48

<input type=text name=yyg> というのはどこにあるのでしょうか？

退会済みユーザー

2019/10/01 06:10

すみません、簡易的に表現したものになります。

退会済みユーザー

2019/10/01 06:10

質問文編集しました。

m.ts10806

2019/10/01 06:12

Ajaxですしformもないですし、そのような送信確認アラートが出るようには思えませんが…

yambejp

2019/10/01 06:12

<body class="body"> <input id=td></div><span id=request>送信</span> </body> むちゃくちゃなので、正しいHTMLをかいてください

x_x

2019/10/01 06:16

form もなくなってしまいましたね。問題の現象は index.html のリロードということでいいですか？ index.html へはどのように遷移してきたのでしょうか？

退会済みユーザー

2019/10/01 07:04

編集しました。

yambejp

2019/10/01 07:15

<input id=td> これは <input type="text" id="td" name="xxx"> ってことですか？ <span id=request>送信</span> なるべくなら <span id="request">送信</span> などきっちり書いたほうが間違いがないと思います（そういうところで手を抜くとトラブル時に問題の切り分けができなくなります）

行動規範の内容に同意します

回答2件

それはpost後にリロードしようとしていからではないでしょうか？
post後にセッションを利用してpostでないページに飛べば回避できそうですが
どういった運用をされているのかわからないのでなんとも言えません

sample

javascript
1<script>
2window.addEventListener('DOMContentLoaded', ()=>{
3  document.querySelector('#btn').addEventListener('click',e=>{
4    e.preventDefault();
5    const url="posted.php";
6    const body=new FormData(e.target.form);
7    const method="POST";
8    fetch(url,{method,body})
9      .then(res=>res.text())
10      .then(txt=>document.querySelector('#ta1').textContent=txt);
11  });
12});
13</script>
14
15<form method="post">
16<input type="text" name="yyg">
17<input type="submit" value="send" id="btn">
18</form>
19<textarea id="ta1"></textarea>

posted.php

PHP
1<?PHP
2print_r($_POST);
3

投稿2019/10/01 01:37

編集2019/10/01 01:57

yambejp

総合スコア116661

退会済みユーザー

2019/10/01 01:39

Ajaxの非同期通信によるPOSTを行なっています。

yambejp

2019/10/01 01:59

ざっくりsample追記しておきましたがfetchではバックグラウンド処理後にリロードしても警告はでないですね具体的なソースを提示してもらわないとなんとも・・・（ソースの提示は質問に追記してください）

退会済みユーザー

2019/10/01 02:49

修正させていただきました。

yambejp

2019/10/01 03:18 編集

流れを確認しましたがajaxで適切に処理されればpostのリロード確認は出現しませんねおそらくjsのどこかでエラーになっていてjsが効いてないのでは？そうなると#search_buttonはただのsubmitなのでリロードするとpostされます開発画面（F12）でエラーが発生していないか確認してみてください

退会済みユーザー

2019/10/01 06:01

特に出ていません。

退会済みユーザー

2019/10/01 06:09

質問文間違えていましたよろしくお願いします。

行動規範の内容に同意します