はじめてajaxを使うときに知りたかったこと - Qiita
はじめに 今更ですが最近ajaxを少し触るようになりました。 jQueryを使えば簡単にajax通信ができるため、単純なものであればそれほど実装は難しくないかと思います。 ですが少し複雑なことをやろうとしてみると、急にハードルが上がる気がします。 そこで自戒を込めて、ajax初心者の方に対してはじめにこれを知りたかったと思えるんじゃないかというものをまとめてみたいと思います。 ※jQueryを利用したajax通信を想定しています 目次 処理の順番を意識する $.ajax()の省略メソッドを知る イベントを知る デバッグ方法を知る 通信状況を想定する（タイムアウトを設定する） 連続クリックを防止する ← [New!] 連続通信を防止する ← [New!] 処理の順番を意識する ajaxを使用する場合は、非同期通信で処理したいケースがほとんどかと思います しかし単純にそのまま書いただけでは処理
いまさら聞けない、“Ajax”とは何なのか？（1/3） - ＠IT
しかし、何が得意で、どんなことがすごいのか？ どんな技術を使っているのか？……などなどについてあなたは説明できますか？ そのあたりを中心に解説をしていこうと思います。 Ajaxを、その誕生からひもとく Ajaxを理解するには、その誕生を知ることが第一歩です。 ■Ajax発祥の地はいずこ？ 「Ajax」発祥の地は、コンサルティング会社を経営するJesse James Garrett氏が、2005年2月18日に投稿した「Ajax: A New Approach to Web Applications」（Ajax Webアプリケーションへの新しいアプローチ）というエントリーです。 このエントリーは話題を呼び、Ajaxという単語がアメリカで使われるようになり、日本にやって来ました。 ■Ajaxの定義 では、Ajaxとは何なのか？ 彼のブログで、以下のようにAjaxを定義しています。 standar
jQuery $.ajaxでJSON・JSONP読み込みに使用する主なオプション
はじめに 簡単にJSONまたはJSONPを読み込みたい場合は以前の記事を参照。 1分でわかるjQuery $.ajaxによるJSON・JSONP読み込み方法 type 主にGETかPOSTを指定。受け取るときはGET、送信するときはPOST。 url 読み込み先または送信先のURLを指定。例えばJSONを読み込みたいときは以下のようになる。 $.ajax({ type: 'GET', url: 'https://iwb.jp/s/js/data.json' }); $.ajaxのurlオプションを使用したサンプル cache キャッシュの有無をtrueかfalseで指定。注意しなければいけないのはJSONの場合はデフォルトでcache:true、JSONPの場合はcache:falseとなっている点だ。つまりJSONをキャッシュをしたくない場合はcache:falseを指定しなければならな
$.ajax()がIEでうまく動かない - sheherher
jQueryテキストフォームに入力したIDが既存のIDとだぶっていないかをチェックしようとしていまして。 今まではチェックボタンを都度押させていたのですが、他サービスと連携をして、こちらのサービスから登録をする際に他サービスのIDがだぶっていないかをチェックしようとしていました。 そのAPIはもう用意されているものの、JSONPでたたかないといけないのに返り値がJSON形式になっていないというもの。 jQueryのajaxでチェックしようと思ったものの返り値がJSONではなくてparse errorになってしまうためphpをこちら側で用意して、サーバーサイドからたたくことにしました。 フォーム js php 他サービス ↑こんなかんじ。 で、出来るようになったーと思ったらIEで動かない。 IE7,8,9全てで動かない。 （動かないというのはphpファイルに到達すらできておらず、エラーログや
Ajax: Webアプリケーション開発の新しいアプローチ
本文書は、Jesse James Garrett 氏による “ajax: a new approach to web applications” を、Creative Commons の Attribution ライセンスに基づき、訳出したものです。 本文書の訳には、誤っている箇所が多々あると思います。また、日本語的にうまく訳せない、あるいはわかりにくいところは、激しく意訳しています。しかし、話のおおよその流れについては外してはいないと思いますので、細かいことは気にしないでください。 ちなみに「覚え書き@kazuhi.to: DESIGN IT! 1日目」によると、 Ajax は「エイジャックス」と発音するとのことです。 著者: Jesse James Garrett 訳者: Kentaro Kuribayashi 初稿公開日: 2005-02-22 最終更新日: 2013-11-19 T
Googleマップの開発者が語る注目のWebアプリ開発手法「Ajax」
今，「Ajax」（エイジャックス）という技術が注目を集めている。Ajaxとは，「asynchronous JavaScript ＋ XML」の略で，米国のJesse James Garrett（ジェシー ジェイムズ ギャレット）氏が今年の2月に作った造語である。 JavaScript，CSS（cascading style sheet），DOM（document object model），XMLHttpRequestなどを組み合わせ，ユーザーの使い勝手を良くするためのWebアプリケーションのしくみや開発手法をAjaxと呼んでいる。 このAjaxを使って開発されたWebアプリケーションの代表例が，「Googleマップ」である。Googleマップを開発した米GoogleのSoftware Engineer，Jim Norris（ジム ノリス）氏とLars Rasmussen（ラース ラスムセ
解説 : XMLHttpRequest
XMLHttpRequest を使用出来るようにする為の宣言。ブラウザにより異なる。 IE では、ActiveXObject("Microsoft.XMLHTTP") を使用。 IE のバージョンによっては、ActiveXObject("Msxml2.XMLHTTP.5.0") , ActiveXObject("Msxml2.XMLHTTP.4.0") , ActiveXObject("Msxml2.XMLHTTP.3.0") , ActiveXObject("Msxml2.XMLHTTP") なども使用出来る。 Mozilla 系ブラウザでは、XMLHttpRequest() を使用。 var xmlhttp = false; if(typeof ActiveXObject != "undefined"){ try { xmlhttp = new ActiveXObject("Micro
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScriptプログラミング講座【XMLHttpRequest について】