勉強したことのメモ.

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

  関連記事

jQueryで画像(<img>タグ内)のsrc情報を取得する場合
jQueryで画像(タグ内)のsrc情報を取得する場合

すぐに出てこなかったのでメモ。 $('#test').attr('src'); ...

「input type=
「input type="number"」のテキストボックスを桁数制限且つ半角数値のみ入力可にする方法

「input type="number"」のテキストボックスに対して「2桁まで」 ...

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

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

JavaScript / jQueryにてページ表示時に指定したテキストボックスにフォーカスさせる方法
JavaScript / jQueryにてページ表示時に指定したテキストボックスにフォーカスさせる方法

ページを開いた際に指定したテキストボックス(input type="text") ...

NicEdit(WYSIWYGエディタ)とテキストエリアの切り替え
NicEdit(WYSIWYGエディタ)とテキストエリアの切り替え

チェックボックスのON / OFFでNicEdit(WYSIWYGエディタ)とt ...