勉強したことのメモ

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

  関連記事

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

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

jQueryでAjax通信したデータをPHPで受け取り、zip化したファイルをダウンロードさせる方法
jQueryでAjax通信したデータをPHPで受け取り、zip化したファイルをダウンロードさせる方法

jQueryのAjaxで何らかのデータをPHP側に送信し、PHP側で当該データを ...

jQuery UIでテキストボックスにサジェスト(入力補助)機能を実装する方法
jQuery UIでテキストボックスにサジェスト(入力補助)機能を実装する方法

メールアドレスを入力するためのテキストボックスに文字を入力すると「@yahoo. ...

jQueryプラグインの作成
jQueryプラグインの作成

面白そうだったのでメモ。 ■参考サイト http://www.entacl.in ...

Ajaxでプラグイン無しのファイルアップロード方法
Ajaxでプラグイン無しのファイルアップロード方法

画像ファイルを添付できて、尚且つAjaxを用いた非同期通信のフォームを作りたかっ ...