AngularJSのTutorialのstep-11よりServiceの使い方 - Qiita
AngulaJSのTutorialのstep-11からカスタムService周りについてレポートします。 (Tutorialも応用的な仕組みであるAnimationを除くと最後のstepになります) このstepで取り扱うServiceはAngularにとって重要なだけでなく、クライアント側の内部設計を行う上でも重要な仕組みです。なぜなら、Controllerをムダに太らせないために、Viewを複雑にさせないために、バランスよくプロダクトの構成を設計する上で必ず利用しなければならない仕組みになるためです。 今回のサンプルコードでは、このService周りの改良を加える事と一部リファクタリングが行われています。 そのリファクタリング箇所とは、＄httpサービスを利用して書かれていた部分を$resourceで置き換えてServiceで内包した作りにしている部分です。それにより、これまでのste
AngularJSのTutorialのstep-5よりAjaxの書き方・テストの仕方 - Qiita
AngulaJSのTutorialのstep-5を実施したレポートです。 個人的に最もAngularに魅かれた仕組みを説明してくれているTutorialで、 なんといってもポイントはController側もテスト側もDI経由のサービスを利用した実装です。 Angularは、エラーハンドリングはHTTPレスポンスコードで見ていたりして、サーバ側のIF設計がRESTful実装されていることがある程度、前提にしています。 そこで、このRESTfulについても重要なので、今回は簡単に補足します。 step-5では、 ファイルシステム上のJsonファイルからデータを取得し、 スマホリストを検索機能付きで表示する 上記の仕組みを実装したサンプルコードを元に課題を遂行します。 データ このTutorialでは、データは静的なjsonファイルで定義されています。 このデータを使ってstep-4以前で出力し
Streaming JSON loading for Node and browsers : Oboe.js
Oboe.js is an open source Javascript library for loading JSON using streaming, combining the convenience of DOM with the speed and fluidity of SAX. It can parse any JSON as a stream, is small enough to be a micro-library, doesn’t have dependencies, and doesn’t care which other libraries you need it to speak to. We can load trees larger than the available memory. Or we can instantiate a classical O
Rails 4のturbolinksについて最低でも知っておきたい事
Rails 4のturbolinksについて最低でも知っておきたい事 （追記）turbolinksに関するセキュリティ上の懸念について turbolinksとは、ページ遷移をAjaxに置き換え、JavaScriptやCSSのパースを省略することで高速化するgemで、Rails 4からはデフォルトで使用されるようになります。 高速化は大歓迎なのですが、JavaScriptのイベントの起き方が変わるため、Rails 3までの書き方をしているとまず間違いなく問題が起きます。しかも、Rails 4ではデフォルトの機能ですので、最新版を使いたいなら必ず知っておかなければいけません。 本エントリではturbolinksを使うために絶対に知らなければいけないことを分かりやすく紹介したいと思います。 動作 turbolinksの動作は、すごく大雑把に言うと以下の通りです。 リンクのclickイベントをフッ
Back from Callback Hell with Bacon.js
I've heard the words Callback Hell quite a many times lately. I'll take it that you know what I'm talking about. Just gonna briefly show how to get Back from Hell with bacon.js... So, what about if you want to perform two independent AJAX calls and do something with the values of both? You might $.ajax("/cats").done(function(cats) { $.ajax("/dogs").done(function(dogs) { doStuffWithCatsAndDogs(cats
64connors | Chromeでajax通信時に起こるエラー
『少しはまったので、備忘録的にメモ』 というフレーズを自分が書くことになるとは。。。感慨深いぜ！ さて、業務で少しはまった点を書いておきます。 2012年の4月くらいからですかね、 chromeのバージョンが18くらいになったときからですが、 それまでは普通に動いていた、ajax通信にエラーが起こるようになりました。 『POST http://www.hoge.com/hoge.json 412 (Precondition Failed) 』 こんなエラー内容です。 何のことやらさっぱりです。 これが、ページのリロードをすると、2回に1回起こるようになりました。 ちなみに、ajax通信部分は、下記のような書き方です。 jQueryに任せたコードです。 $.post( "hoge.json", null, function (data) { /* データ通信後の動作 *
Use basic authentication with jQuery and Ajax
I am trying to create a basic authentication through the browser, but I can't really get there. If this script won't be here the browser authentication will take over, but I want to tell the browser that the user is about to make the authentication. The address should be something like: http://username:password@server.in.local/ I have a form: <form name="cookieform" id="login" method="post"> <inpu
iOS6 Mobile SafariがAjax POSTでキャッシュする問題を回避する方法 | DevelopersIO
iOS6出た！ iOS6が出来ましたね。社内ではiPhone5を入手した社員がLTEの速度に驚いていました。私はまだiPhone4Sですが、iOS6にして新しい機能を楽しんでいるところです。さて、iOS6にしてSafariの仕様が変わって困ったと言った投稿が海外のフォーラムで挙っています。それも、基本的なPOST通信についてです。これは困ったということで、動作を確認して対策方法についてシェアしたいと思います。 どんな時にPOSTをキャッシュする？ まずはどんな状況か確認してみたいと思います。 Cache-ControlもExpiresも無い場合 ： iOS6 Mobile SafariはPOSTをキャッシュする Cache-Control max-age=0指定 と Expires指定 ： iOS6 Mobile SafariはPOSTをキャッシュする Cache-Control: no-
Home - Crawljax
SELAMAT DATANG DI PROMAX77 SITUS NOMOR 1 DAN TERPERCAYA DI SELURUH ASIA MAU WITHDRAW BERAPA PUN KAMI BAYAR !!! DILARANG KERAS DEPOSIT MENGGUNAKAN REKENING KE 3 (BUKAN NAMA SENDIRI) TIDAK AKAN DI PROSES TRANSFER VIA EDC AKAN DI PROSES 1x24 JAM HARAP DIPERHATIKAN REKENING BANK TUJUAN ANDA SEBELUM MELAKUKAN DEPOSIT
A Better Way To AJAX - jqueryahm.com
jquery-ahm light-weight jquery plugin that eliminates client-side ajax callbacks What is jquery-ahm? jquery-ahm is a replacement for $.ajax. $.ajax requires custom and often times repetitive client side javascript code to handle ajax responses. This problem is especially evident in complex ajax heavy pages. $.ahm reduces javascript code by letting the response data define the actual callbacks. Lea
Tim Bray: 「URLに#!入れるな」 - karasuyamatenguの日記
Tim Bray(GoogleのAndroid応援団長)が「#!」の入ったajax用URLを使用を批判している。 http://www.tbray.org/ongoing/When/201x/2011/02/09/Hash-Blecch new: さらならる「#!」URL批判 例にtwitterのtwitter.com/#!/timbrayを挙げている。 #!の働き サーバ側は#!の前までしか見えない。上の例だとサーバはtwitter.com/のリクエストを受ける #!以降はブラウザの中のジャバスクリプトが解釈する 何故#!を使うのか ajaxのアプリは古いブラウザでは基本的にURLを変更することができない… ただし#(フラグメント)以降はブラウザ内のJavaScriptからでも変更可能 なので、ajaxアプリケーションが自分の状態をURLバーに表示するために使われるようになった。 つまり
XMLHttpRequest - Wikipedia
XMLHttpRequest (XHR) は、JavaScriptなどのウェブブラウザ搭載のスクリプト言語でサーバとのHTTP通信を行うための、組み込みオブジェクト（API）である。 すでに読み込んだページからさらにHTTPリクエストを発することができ、ページ遷移することなしにデータを送受信できるAjaxの基幹技術である。 XMLHttpRequestを利用したWebアプリケーションは非常に多く存在し、例として、Google マップ、Facebookなどが挙げられる。 XMLHttpRequestは、マイクロソフトがOutlook Web Access 2000のダイナミックHTMLによるウェブインターフェースに活用するため、1999年公開のInternet Explorer 5においてActiveXオブジェクトとして実装したのが始まりである[1]。その後、2001年にMozillaプロジ
FormData - Web APIs | MDN
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. Learn moreSee full compatibilityReport feedback The FormData interface provides a way to construct a set of key/value pairs representing form fields and their values, which can be sent using the fetch(), XMLHttpRequest.send() or navigator.sendBeacon() methods. I
Ajax - Goodbye, JSONP. Hello, Access-Control-Allow-Origin : 404 Blog Not Found
2010年08月17日06:45 カテゴリLightweight Languages Ajax - Goodbye, JSONP. Hello, Access-Control-Allow-Origin もうそろそろJSONPとはお別れできるのではないかと思い立ったので。 XMLHttpRequestとその問題 AjaxといえばXHRの愛称で親しまれているXMLHttpRequestですが、これには一つ重大な欠点がありました。 これを発行するDHTMLページのドメインが、Request先のドメインと一致する必要があったのです。いわゆる Same Origin Policy というやつです。おかげでサイトをまたがって使えなかったのです。これではマッシュアップできない。どうしよう。 JSONPとその問題 そこで生まれたのが、JSONPという手法です。 これは、scriptノードを追加した時に、単
Ajaxload - Ajax loading gif generator
Indicator type : Background color : # Transparent background Foreground color : # Create easily your own ajax loader icon : Select the type of indicator you want Enter the background code color you want (tick "Transparent background" if you don't want one Enter the foreground code color you want Press "Generate it"
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
404
Does jQuery send cookies in a post?
TechCrunch | Startup and Technology News
GitHub - defunkt/jquery-pjax: pushState + ajax = pjax
GitHub - mala/p5-URI-CrawlableHash: convert ajax uri to crawlable
