勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

Ajaxを使用する際の注意

   2024/01/12  jQuery JavaScript

Ajaxで特にJSONPを使う際によくミスることがあるので
注意点をまとめておく。

■クロスドメインになっているかどうかの確認
クロスドメインなのに普通にpostで飛ばそうとしてる時がある。
クロスドメイン時はちゃんとjsonp使う。

jsonp使ってるときにコールバックで返しているか確認
大抵js⇔PHPajaxを使うけど、普通にechoで返そうとしている時がある。
jsonpを使うときはコールバックで返す。

■データを返す時に改行が入っているかどうかの確認
今日jsonpでデータを返す時に改行が入っており、
それで1時間ぐらい潰してしまった。

フラグや配列を返す場合は大丈夫やけど
HTML文章を返す時とかは、常に改行を取り除いてから
返す方が安全。

$str = ereg_replace("\r|\n","",$str);

また、今知ったけどそういう関数も用意されていた。

$str = rtrim ("文字列", "削除指定文字");

・参考サイト
http://php.net/manual/ja/function.rtrim.php
http://php.quus.net/strings/rtrim.php

以上。

 - jQuery JavaScript

  関連記事

八地方区分→都道府県→路線→駅名の連携したセレクトメニュー の実装方法
八地方区分→都道府県→路線→駅名の連携したセレクトメニュー の実装方法

八地方区分(関東、近畿等)をプルダウンから選ぶと区分内の都道府県プルダウンが表示 ...

SNSのシェア(いいね)ボタンを設置できるjQueryプラグイン「jsSocials」の利用方法
SNSのシェア(いいね)ボタンを設置できるjQueryプラグイン「jsSocials」の利用方法

サイト内にSNSのシェア(いいね)ボタンを設置する際、WordPressだと何ら ...

jQueryにて複数のajax処理のレスポンスをまとめて表示する方法
jQueryにて複数のajax処理のレスポンスをまとめて表示する方法

同時にajax処理を行う際、挙動やコードの書き方に悩まされることが多い。例えばA ...

CAPTCHAに代わる無料のツール「Cloudflare Turnstile」の導入方法
CAPTCHAに代わる無料のツール「Cloudflare Turnstile」の導入方法

CAPTCHAと言えばGoogleのreCAPTCHAを思い浮かべるが、稀にCl ...

サムネイルをクリックすると拡大画像を表示できる「Lightbox」の利用方法
サムネイルをクリックすると拡大画像を表示できる「Lightbox」の利用方法

画像をサムネイル表示してクリックしたら大きく表示する というのがLightbox ...