Q&A
PHPのソースコードがないのでご提示をお願いします。
自動保存とは何をどこに保存する想定でしょうか？
>autosaveOn = true;を{if（！autosaveOn）{autosaveOn = true;}としましたが、変わりませんでした。
提示されているソースコードから分かりませんが、autosaveOnをtrueにすると何かあるのですか？
ajaxを使って非同期で自動保存したい
PHPとJavaScriptを使って得点の更新を行えるシステムを作っています。
onChangeメソッドが発火するのは確認出来るのですが、自動保存が行えていない状況です。
input要素で得た数字をPOSTメソッドで送りデータベースに保存する想定です。
受け取り側の定義が出来ておらず、更新した数字が保存されません。
該当のソースコード
PHP
1<script type="text/javascript"> 2 function myfunc() { 3 autosaveOn = true; 4 $.ajax({ 5 url: '/admin/work_tasks/detail', 6 type: 'POST', 7 responseType: 'json', 8 data: { 9 'id': id, 10 'progress_status': progress_status, 11 }, 12 }) 13 } 14</script> 15 16ーーー中略ーーー 17 18<tr> 19 <th>得点</th> 20 <td class="report"> 21 <dl class="create-item"> 22 <dd><input type="number" onChange="myfunc()" max="100" min="0" id="progress_status" class="form-control text-original" name="task[progress_status]" value="<?= (int)$task['progress_status'] ?>"></dd> 23 </dl> 24 点 25 </td> 26</tr>
試したこと
autosaveOn = true;を{if（！autosaveOn）{autosaveOn = true;}としましたが、変わりませんでした。
よろしくお願いします。
ご回答頂きありがとうございます。
上記のコードは全てPHPで記述しています。
autosaveOn = true;で自動保存出来ると思ったのですが、実際には何も起こりませんでした。
> /admin/work_tasks/detail
で動作するコードをご提示ください。
ご回答頂きありがとうございます。
こちらのURLはまだパスを通せていないため、動作しません。
では結局「自動保存」って何のことですか？
既にコメントで求められている「何をどこに保存する想定か」が応えられていません。
ご回答頂きありがとうございます。
input要素で得た数字をPOSTメソッドで送りデータベースに保存する想定です。
じゃあ、PHP側が書けてないと何もできないですよ。
何事も定義、受け取り側が先です。
ご回答頂きありがとうございます。
受け取り側の定義が出来ていませんでした。
「上記のコードは全てPHPで記述しています。」とあったので何の話かと。。。
「PHPで記述しています」というのは.phpの拡張子のファイル上で記述しているという意味でした。
わかりにくい説明になり、申し訳ございません。
それがフレームワークに乗っているものかどうか判断しかねます。
いずれにしても処理を書いてないのであれば、書くところから。
「自動保存」部分についても先にコメントに書かれたように質問本文に具体的に記載してください。
ご回答頂きありがとうございます。
質問本文を変更しました。
回答2件
0
ベストアンサー
POST の受け側について。
まずは下記のように動作確認用のフォームから試してみてはと思います。
<form action="/admin/work_tasks/detail" method="post"> <input type="text" name="id"> <input type="text" name="progress_status"> <input type="submit" value="send"> </form>
PHPの受け取り側が定義出来ていません。ルーティングでパスを通すやり方もわからないので、
もし受け側は何も作っていません、やりかたがわかりません、ということなら別質問を立ててみてはどうでしょうか。
投稿2021/01/25 05:44
総合スコア2005
0
id="progress_status"のinput要素に対してonChangeを設けるなら理解できますが、
dl要素にイベントを設けて、意図したとおりに発火してますかねぇ？
（発火するっていうならしているんでしょうけど。）
それと、onChangeって、変化があればあるたびにイベント発火するので、
例えば13579って入力するのに1、13、135、1357、13579のそれぞれで発火するはず。
正常にイベント発火すれば5回も自動保存処理が動くのは、忙しない。
タイマーを加えて例えば300ms待ってから保存とかしたほうがいいかも。
それと、データの渡し方、
data: { 'id': id, 'progress_status': progress_status, },
javascript上でidって変数やprogress_statusって変数が存在しますよね？
progress_status = $("#progress_status").val();とかどこかに書いてますか？
data: { 'id': id, 'progress_status': $("#progress_status").val(), },
とかしないと引き継がれないような。
投稿2021/01/15 03:53
編集2021/01/15 04:25
退会済みユーザー
総合スコア0
ご回答頂きありがとうございます。
どちらでも発火はします。
一応input要素に変更しておきます。
ご回答頂きありがとうございます。
仰る通り、変更がある度にイベント発火します。
'progress_status': $("#progress_status").val(),と変更しましたが、何も変わりません。
urlは適切？ なにかのフレームワークを使っていてmod_rewriteしているような気がするけども。
POST送信しているかは確認済み？ ChromeならデベロッパーツールのNetworkタブで確認できるようですが。
デベロッパーツールでブレークポイントを張って待ち構えてみてはどうでしょう？
ご回答頂きありがとうございます。
こちらのURLはまだパスを通せていません。どのようにルーティングでパスを通せば良いのかわかりません。
フレームワークはCodeIgniterを使用しています。
それならば、質問タグに CodeIgniter も加えるべきだし、PHPユーザーが必ずしも CodeIgniter わかるわけじゃないんだからね。わたしはわからないし。
ajaxによるPOST送信ができているかどうか、まではサポートしようとは思いますが。
POST受信する処理が作られていないのに、保存できていませんjsが悪いんでしょうかと受け取れる質問内容は、完全にずれています。
ご回答頂きありがとうございます。
仰る通りです。
PHPの受け取り側が定義出来ていません。ルーティングでパスを通すやり方もわからないので、ご教授頂ければと思います。
よろしくお願いします。
あなたの回答
tips
プレビュー
