勉強したことのメモ

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

  関連記事

「display: block !important;」指定された要素をjQueryで非表示にする方法
「display: block !important;」指定された要素をjQueryで非表示にする方法

jQueryで特定の要素を非表示にしたかったのでhide()を使用したところ非表 ...

Lightboxで画像拡大時に閉じるボタンの位置を右上に変更
Lightboxで画像拡大時に閉じるボタンの位置を右上に変更

Lightbox(バージョン2.7.1)で画像拡大時に閉じるボタンの位置を右下か ...

FullCalendarでラベルごとに表示・非表示を切り替える方法
FullCalendarでラベルごとに表示・非表示を切り替える方法

Googleカレンダーだとページ左側にマイカレンダーというのがあり、その中に任意 ...

jQuery UIのDatepickerでリセット(入力内容消去)ボタンの追加方法
jQuery UIのDatepickerでリセット(入力内容消去)ボタンの追加方法

jQuery UIのDatepickerでキーボード入力を防ぎたいためreado ...

CodeIgniter4 & jQueryを用いて同一サイト内でajax通信する方法
CodeIgniter4 & jQueryを用いて同一サイト内でajax通信する方法

CodeIgniter4.4.4 & jQueryを用いて同一サイト内で ...