勉強したことのメモ

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()を使用したところ非表 ...

Javascript / jQueryにて特定の要素内の文字数が〇文字以上の場合に丸める方法
Javascript / jQueryにて特定の要素内の文字数が〇文字以上の場合に丸める方法

サイトの特定の要素内の文字数が〇文字以上の場合に「コンテンツコンテ……」のように ...

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

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

指定した要素に注釈を設定できる「Chardin.js」プラグインの利用方法
指定した要素に注釈を設定できる「Chardin.js」プラグインの利用方法

指定した要素に注釈を入れることができるjQueryプラグイン「Chardin.j ...

表示範囲を自由に変更可能な折れ線グラフが表示できるJSライブラリ amCharts の使用方法
表示範囲を自由に変更可能な折れ線グラフが表示できるJSライブラリ amCharts の使用方法

どこかのサイトを閲覧していた際に、恐らくはJavaScriptのライブラリで描写 ...