Q&A
たぶん、無理だと思います。。
前提
JSのライブラリを用いて、QRコードを読み取っています。
読み取った値を、PHPに渡してMySQLを検索し、一致する行の行数を取得したいです。
検索対象のテーブルは以下のように作成しました。
| id | コード番号 | 状況 (0 or 1) |
|---|---|---|
| 1 | 01234a | 0 |
| 2 | 12345a | 0 |
QRコードの値と「コード番号」が一致する行数を取得したいです。
###現状・実現したいこと
以下のように、もともと中身が空のdivがあります。
現状、QRコードを読み込めると、divの中にQRコードの値が自動で入るようになっています。
値が入った時点で、divの値(例：01234a)でMySQLに検索をかけて、行数をPHPで取得したいです。
HTML
1<div id="result"></div> 2 3<!-- QRコードが読み込めると…↓ --> 4<div id="result">01234a</div>
（またこの時、ページの移動・リロードが生じないようにしたいです。）
極端に複雑化するようなので、リロードが生じる方法も含めて回答を募集させていただきます。
※行数取得後の動作としては、その行数の状況を確認し、それに応じて次へ進むというものです。
試したこと
普通の検索フォームを作り、「getElement」を使って「input type="text"」に値が入るようにしましたが、どうしてもリロードやページ移動が発生する方法しか分からず、思うような動作になりません。
質問も拙く申し訳ありませんが、ご教授いただければ幸いです。
回答2件
0
QRのライブラリがresulutのテキストを書き換えることしかできないなら
MutationObserverあたりで監視すれば良いと思いますが
書き換えられるくらいなら普通は別のjsコードに戻り値を渡せるのでは？
いずれにしろ受け取ったコードをfetchでphpのAPIに渡して
戻り値をHTMLに反映すればよいでしょう
投稿2021/02/06 15:45
総合スコア116724
0
正直質問がよく分からないところがあるのですが、やろうとしていることはけっこう難しいのではないのかな？と思います。
【JavaScript】非同期処理 まとめ
https://zenn.dev/tentel/articles/8146043d1101b5ea873d
こういうページを見て、自分でやれそうだと思うのならやればいいと思いますし、無理と思うのなら諦めて違う方法を模索した方が良いと思います。
投稿2021/02/06 14:44
総合スコア4853
あなたの回答
tips
プレビュー
