#jqurey

作成したサイトからjQueryの$.ajaxを使用してAPIを叩いて処理させていたんだけど、 API側は200で処理終了しているのに、なぜか$.ajaxの処理フローはerror側を通るというよくわからない状況なう。

なので、参考になりそうなものをメモ。

■メモ

「　【jQuery】ajaxとエラー時の処理」

http://ratememo.blog17.fc2.com/blog-entry-670.html

「正常時」と「error処理の前に」の内容が一緒だけれど大丈夫なのかな。

とりあえずcacheプロパティはfalseにした。

--------------------------------

通信に失敗した際に呼び出されるAjax Eventです。引数は3つで、順にXMLHttpRequestオブジェクト、エラー内容、補足的な例外オブジェクトを受け取ります。第2引数には "timeout", "error", "notmodified", "parsererror"などが返ります。

--------------------------------

第2引数をalertしてみたらerrorだった。APIのステータス200は関係ないのか。

そもそもなんでerrorになっているのかわからない。

内容が知りたい。

■ジャイアントモリンキーのJavaテック

「Ajaxの通信エラー情報を表示する方法」

http://javatechnology.net/ajax/jquery-ajax-error/

このアタリも参考に内容を出してみる。 第1引数はHTTPステータスくらいしかだせないのだろうか。 API側を調整していたら第2引数がparseerrorになった。 error→parseerrorに変わった経緯は覚えてない。 APIを実際叩いてみたら、APIが返すjsonの書式が変だった。 cakephpで作ったものだけれど、 別の箇所のアラート出力がそのままjsonの書式の前にダダ漏れしててjsonの出力を汚してた。 処理自体は通っているのでステータスは200。なるほど納得。

今回は2個ほど、小技を紹介します。

■FLASHがインストールしてるかどうかの判定をする。

var isFlashInstalled = function(){ if(navigator.plugins['Shockwave Flash']){ return true; } try{ new ActiveXObject('ShockwaveFlash.ShockwaveFlash'); return true; }catch(e){ return false; } }();

変数[isFlashInstalled]に、Flashがインストールされていればtrueを返し。されていなければ、falseを返します。 これをif文を使って判定すると

if(isFlashInstalled){ alert('Flashがインストールされています。'); }else{ alert('Flashがインストールされていません。'); }

参照サイト：たった1行でブラウザにFlashがインストールされているか判定するJSコード

■CSSの「important」が優先されて、jQueryのCSSで変更しても効かない。

#test{ height:300px !important; }

上記の用に、CSSで最優先で指定があった場合CSS、JSでプロパティの上書きをしても効かないのは仕様です。。 ですが、jQueryで上書き指定が出来る方法がありました。 通常、jQueryを使ってCSSの指定をする場合は

$('#test').css('height','300px');

っと書きますが、[important]を上書きする場合は

$('#test').css('cssText','height: 300px !important;');