自分の場合、サーバー側でJsonで返していた。 さらに、クライアント側で としていた。 これ以外にも、json内で変な配列になっていたり、何かjsonに文字がついていたり、サーバー側のエラーだったりするので、ログを確認する。
タグ: js
JavaScript 非同期処理 for…of と forEach
結論から言うと、for..ofは非同期処理に対応し、awaitを使うと、順次処理ができる。 forEachは非同期処理には対応しておらず、awaitを使っても、非同期に（ループの順番で）処理が開始される。この時レスポンスは待たない。 並列処理を行いたい場合、ループ処理ではなく、Promise.allを使うのが一般的である。 並列処理は、ループの時とは違い、同時に実行される。 for…o…Continue reading JavaScript 非同期処理 for…of と forEach
Vue.js prettierをインストールしたらエラーが出まくった
vueプロジェクトを作成するときにカスタム設定でprettierをインストールできるようになるが、これがWindowsだといろいろとめんどかったので消した。 改行コードやシングルクォート、カンマやセミコロンなどいろいろエラーが出る。 ESlintだけあればいいので、アンインストールする。 .eslintrc.js ファイルを開き、Prettier関連の設定を削除 .prettierrc ファイルが…Continue reading Vue.js prettierをインストールしたらエラーが出まくった
Laravelのblade内のscriptでphpからのデータを受け取る
laravelのbladeにJSを書いてその中でphpからのデータを受け取りたいとき 以下のようなデータをViewに返すとする。 値の場合 エスケープするかは自由 文字列もしくは数値として受け取れる。 配列の場合 このまま配列として扱える 連想配列の場合 PHPでは連想配列だが、JSではJsonオブジェクト扱いになる JSONを解析すれば、オブジェクトだが、配列として扱えるJSON.parseをす…Continue reading Laravelのblade内のscriptでphpからのデータを受け取る
JSから異なるサーバーのAPIへ送信 CORS（Cross-Origin Resource Sharing）
has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource LaravelのJSから異なるサーバー（異なるドメイン）のAPIへAjaxで送信したとき、以上のようなエラーが起きた。 CORSポリシー セキュリティ向上の…Continue reading JSから異なるサーバーのAPIへ送信 CORS（Cross-Origin Resource Sharing）
javascript 空配列の判定 optional chaining
オプショナルチェイニングで配列の空判定 空配列の判定で便利なものを知った。 参考 https://qiita.com/kozzzz/items/42108bc96b3a0e7c53d5 オプショナルチェイニングは、プロパティや要素にアクセスする際にnullまたはundefinedでないことを確認する構文です。 ChatGPT 以上のように ? . をつかって判定できる。 ほかの使用例 配列の要素へ…Continue reading javascript 空配列の判定 optional chaining
JSとPHPの配列キーが設定されていないときの判定処理
以下に投稿 undefinedとnullの比較についても書いています。 PHPとJavaScriptで未定義の配列のキーにアクセスしたときのエラーを防ぐ
jqueryのセレクタでsubmit()が送信できない
質問内容↓ https://teratail.com/questions/8w2mmh6a50024e 要は、JSのsubmitとjQueryのsubmitは違うということ。 送信可能 jqueryの場合、送信不可 return falseを外せば、jqueryでも送信可能 jqueryはonsubmitイベントを通るが、jsは通らないため、return falseをいれると、jqueryではsu…Continue reading jqueryのセレクタでsubmit()が送信できない
js、jQuery:最初のセレクタしか動作しない。同じセレクタが複数あるときは、ループをかけて処理をする。
同じセレクタが複数あったとする。 Chromブラウザのコンソールには同じIDが複数あると、メッセージが出る。 jsやphpでDOMをループで出力するときに、IDを同じもので設定しているとよくこうなる。 下記のように同じクラスに対して、なにかjsで操作をするとき <div class=”box”> <input type=”button…Continue reading js、jQuery:最初のセレクタしか動作しない。同じセレクタが複数あるときは、ループをかけて処理をする。
js matchとphp preg_match、便利なpreg_replaceの使い方
matchとpreg_replace() 使う時の注意点 正規表現は同じものが使えるが、 jsの方ではシンタックスエラーでもphpでは動くこともある。 ・繰り返し表現 ・半角スペース スペースは普通に書いてもマッチする。 ・行頭行末指定 phpのpreg_matchではヒットしたところが繰り返しになってしまうので完全一致で文字を見つけたい時は必要である。 preg_replace マッチした文字列…Continue reading js matchとphp preg_match、便利なpreg_replaceの使い方