jQueryを使ったAjax通信（クロスドメイン編） - おかひろの雑記
jQueryでのAjaxについては実案件でもポツポツ使ってましたが、Ajax呼び出し元とサーバーが同じドメインのケースばっかりで、 サーバーのドメインが異なるケースについては詳しくなかったので、再確認しました。 業務系Webシステムを作ってるとあまり使わない気がしないでも無いですが、例えば他システムのWebAPIをAjaxで呼んだりするかもしれません。 あと、PhoneGapを使う場合は必須になるのではないでしょうか。 以下、サンプルを記述しました。 サーバー側プログラムはSAStrutsですが、他言語でも内容はほとんど変わらないと思います。 同じドメインでのAjaxの例 サーバー側プログラム @Execute(validator=false) public String normalAjax() { String data = "{\"id\" : \"A001\",\"name\" :
jQueryでクロスドメインAjaxを実現する方法(jquery.xdomainajax.js) - 小さい頃はエラ呼吸
photo credit: shooting brooklyn via photopin cc はじめに jQueryでクロスドメインAjax（別のサーバにあるデータを読む）を実現するには、jquery.xdomainajax.jsというプラグインを使うと簡単に実装できます。 Java開発者のための Ajax実践開発入門posted with amazlet at 13.08.31河村 嘉之 川尻 剛 福沢 知海 技術評論社 売り上げランキング: 81,127 Amazon.co.jpで詳細を見る jquery.xdomainajax.jsの入手 jquery.xdomainajax.jsは、以下のサイトからダウンロードすることができます。 jQuery-Plugins/cross-domain-ajax at master · padolsey/jQuery-Plugins · GitH
ブラウザで位置情報を取得してみよう
PCのブラウザを利用して位置情報を取得してみよう。IPアドレスやWi-Fiの電波強度を利用した方法やGoogle MapsやJSONPの外部サービスとの連携方法も説明する 今回は、PCのブラウザを利用して位置情報を取得するための具体的な実装方法について、ソースコードを中心に説明していきます。前半ではIPアドレスを利用した方法について、後半ではWi-Fiの電波強度を利用した方法についてそれぞれ解説します。また、Google MapsやJSONP（JSON with padding）を利用した、外部サービスとの連携についても触れます。なお、少しずつソースコードを追加する形で説明していきますので、先頭から順に読み進めてください。 IPアドレスを利用した位置情報の取得 前回「位置情報を取得する仕組み」で触れたように、利用者のPCに割り当てられたIPアドレスから現在位置を推定できます。この方法の特徴
【jQuery】美しく自由度も高いフローティングウィンドウ mb.containersPlus | Cat Program
jQuery初心者の私が紹介するのもおこがましいのですが、とてもキレイなフローティングウィンドウを作った方がいらっしゃったので紹介。 mb.containerPlusといいます。デモで遊んでるだけでも面白い。 それぞれのウィンドウが ・ドラッグ＆ドロップで移動 ・ドラッグでウィンドウの大きさ変更 ・タイトルだけ見えるように縮小 ・アイコン化 ← これが目玉商品のようだ ・画面の真ん中に配置 ・フルスクリーン化 ・Ajaxで読み込んだ内容を表示 といった機能があります。ウィンドウごとにカスタマイズできます。 それとウィンドウにあるボタンから操作する以外に、ウィンドウ外からもコントロールが可能。これは使えそうだ。 面白そうなので早速デモページを作ってみました。 デモ１ デモ２ ぶっちゃけ、元となるjQueryのjsファイルをちゃんとインクルードし、こういうパラメータ
通常のフォームを瞬時にAjax化できるjQueryプラグイン「ALAJAX」:phpspot開発日誌
ALAJAX - a jQuery plugin for ajax auto form sending | Freelancer ID 通常のフォームを瞬時にAjax化できるjQueryプラグイン「ALAJAX」 フォームなんかを作る場合はAjax前提で作ったりしますが、このプラグインで $('#form').alajax(); のように初期化すれば一瞬でajax化が完了します。 もちろん、サーバ側のプログラムの調整は必要ですが、簡単にajax化できるというのはよいかもしれませんね。 やっぱりajaxフォームの速度ってはやくて利用者としては速いほうがいいわけなので、こういう風にマークアップの作り手側は簡単に対応できると作り手としては嬉しいですね。 関連エントリ Ajaxスタイルのローディングも画像を使わずピュアCSSで実現するデモ 画面遷移なしのAjaxでファイルアップロードするjQuer
Ajaxを使い、サーバサイドで処理を行うプログラミングコードハイライトライブラリ·Ajax Syntax Highlighter MOONGIFT
Ajax Syntax HighlighterはAjaxを使ってサーバサイドでプログラミングコードのハイライト表示を行うライブラリ。 Ajax Syntax HighlighterはPHP/JavaScript製のオープンソース・ソフトウェア。Webサイト上でプログラミングコードを表示したいと思うことは多々ある。そんな時にはただコードを載せるのではなく、構文に沿ってハイライト処理を行うと可読性が高まる。 CとJavaの例 プログラミングコードのハイライト処理を行う場合には、言語が決まっていればJavaScriptでも簡単に対応ができる。だが多数の言語に対応したいといった場合には無用なライブラリまで読み込むことになって表示が重たくなる可能性がある。そこで使ってみたいのがAjax Syntax Highlighterだ。 Ajax Syntax Highlighterはその名の通り、ハイライト
symfony : エクスギア Blog
DAY8: symfonyでAJAXを使う これまでのおさらい ようやくそれらしいアプリケーションができてきた感があります。でも、まだ８日目なんですね。。 本日はAJAXをsymfonyでやってみるということです。ではがんばってチュートリアルを実践してみます。 Read more DAY7: モデルとビューの操作 これまでのおさらい ようやく6日間がおわったというところです。本チュートリアルの目的はsymfony1.0との違いを確認したいということだったのですが、sfFormを使う時点でかなり違ったものになった印象を感じてしまいます。 ただ、フォーム処理を切り分けるという意識がsymfony1.0のころに比べてはっきりしているため以前あったバリデーションをアクションでやりくりしなくてはいけない場合があった違和感はなくなりました。 総合的にみて、symfony1.2のsfFormは
早速Google AJAX Feed APIを導入してみました
Googleから「Google AJAX Feed API」が公開されました。 このAPIは、他ドメインのRSSやAtomの一般的なフィードを簡単に取得するためのAPIです。 公開APIを利用したサンプルサイトを作っていくよ管理人として、早速「Google AJAX Feed API」のテストを兼ねて、[Z]ZAPAブロ～グ2.0に導入してみました。 各記事の下部に、「この記事に言及していそうなブログを検索する」というリンクを追加してあります。 このリンクをクリックすると、画面遷移することなくAjaxで、リンク元のブログが表示されます。 Googleにキャッシュが生成されるため、クロスドメイン制約を気にすることなく、他のドメインのフィードを表示できます。 [Z]ZAPAブロ～グ2.0:人気記事の はじめてのApolloプログラミング ニコニコ動画みたいなものを作ってみるテストと問題点 など
日本語もOK!Ajaxとphp,JQueryで作る付箋メモシステム「Sticky Notes With AJAX, PHP & jQuery」
日本語もOK!Ajaxとphp,JQueryで作る付箋メモシステム「Sticky Notes With AJAX, PHP & jQuery」 付箋を貼って情報共有したり、アイデアを書き出したりアイデアマップをつくったりと、クリエイティブの場では度々使われている付箋。今日紹介するのはAjaxとphp,JQueryを利用して制作された、付箋メモシステム「Sticky Notes With AJAX, PHP & jQuery」を紹介したいと思います。 付箋は自由に追加したり、削除する事ができ、もちろん位置も自由自在に動かす事ができるようになっています。インターフェイスもかなりシンプルで、だれでも簡単に直感的に操作する事ができます。 詳しくは以下 日本語も通るみたいで、日本語環境でも利用可能です。また、データベースを利用していますので、一度貼った付箋はWEB上で保存されます。チームでのアイデア
無名関数を使った非同期通信のススメ（JavaScript）
ここ最近はブラウザーの上で動く思いっきりRIAなアプリケーションを書いている私。こと通信の部分になると JavaScript での開発効率が、C++/Java/Objective Cなどと比べて格段に高いことをつくづく感じている毎日なので、今日は、そのあたりを少し解説してみようかと思う。 サーバーのAPIにアクセスするプログラムを書く方法は色々とあるが、「サーバー上の特定のURLにHTTPでアクセスして結果をXMLやHTMLやJSONで受け取る」というケースに限定すれば、基本的に３つのパターンに分けられる。 1. 同期通信 result = urlfetch.fetch("http://www.google.com/") if result.status_code == 200: doSomethingWithResult(result.content) その書きやすさのために、実務経験の
Google、AJAXサイトを検索エンジンに登録する方法を解説 ::SEM R (#SEMR)
Google、AJAXサイトを検索エンジンに登録する方法を解説 GoogleがAJAXサイトを検索エンジンに登録するためのベストプラクティスを解説。ステートフルURLを書き換えること、JavaScript実行後のHTMLスナップショットを用意すること、など。#!～のステートフルURLにクローラがアクセスしたとき、_escaped_fragment_ に書き換えてリクエストするとのこと。 公開日時：2009年10月08日 20:28 米Googleは2009年10月7日、公式サイトにおいてAJAXを使ったウェブサイトを検索エンジンに登録するための技術的方法について解説を行った。 AJAX（エイジャックス）は、ページ遷移なしにサーバとデータ通信を行うことで、動的なWebアプリケーションの開発が可能になる。しかし、いまブラウザで表示している内容と対になるURLが存在しないために個々のコンテンツを
Google、Ajaxサイトを検索可能にする方法を説明
Googleが、従来インデックス化できなかったAjaxを使ったコンテンツの内容を、検索結果に表示できるようにする方法を提案した。 米Googleは10月7日、Ajaxベースの動的なWebサイトを検索エンジンでインデックス化できるようにする方法を提案した。動的なWebサイト側で幾つかの設定をすることにより、検索結果にそうしたサイトを表示できるようになるという。 従来の検索エンジンでは、Ajaxを用いた動的なコンテンツはクロール・インデックス化することができない。そのためSEO（検索エンジン最適化）を重視するWebサイトでは開発者は動的なコンテンツの作成をあきらめがちだという。 Googleはこの問題を解決するための、Webサイトのサーバ側でクローラー用のURLを用意する方法を紹介している。この方法の目的は、最小限の修正でクローキングを回避しつつ検索エンジンがユーザーにAjaxのURLを直接提
jQueryのAjax機能を使った投票システムのサンプルプログラム:phpspot開発日誌
AJAX User Poll Using jQuery and PHP jQueryのAjax機能を使った投票システムのサンプルプログラムが公開されています データはＤＢに入れる仕様で、次のような投票が実装できるようです。 シンプルなデザインなのでサイトに違和感なく組み込めるかもしれません。 ソースコードの解説記事に加え、ソースコードのアーカイブが入手できます。 改造することも出来るので参考程度に覚えておいてもよいかもしれませんね。 関連エントリ Ajax+PHP+MySQLな投票ウィジェット reddit風のGoodかBadの投票機能実装サンプル jQueryとPHPでダイナミックな投票スクリプトを作成 結果グラフがアニメーション表示のAjax投票システム
画像を簡単に回転できるjQueryプラグイン「Wilq32.RotateImage」:phpspot開発日誌
wilq32 - jQuery plugin: Wilq32.RotateImage 画像を簡単に回転できるjQueryプラグイン「Wilq32.RotateImage」。 このプラグインを使えば、画像を簡単に回転させることができます。 使い方も非常に簡単で、次のように rotate メソッドに -25 といった角度を渡すだけとなっています。 $('#image').rotate(-25); いちいち画像編集ソフトで回転させなくていい上に、アニメーションなんかも出来るので覚えておいて損はなさそうです。 関連エントリ ユニークで使えそうなjQueryプラグイン10個 便利なjQueryプラグインいろいろ コンピュータに指定フォントが入ってるかチェックできるjQueryプラグイン「jquery-fontavailable」
Ajaxライブラリ一覧
このページはAjax (JavaScript) 関連ライブラリ一覧を掲載しています。 ライブラリのサンプル（例文）に関しては新JavaScript例文辞典にも掲載しています（新しいライブラリなどにも対応しています）。 ミスや間違い、リンクエラーなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。
Google AJAX Feed API - AJAX SlideShow
AJAX Slide Show The Slide Show is a simple to use application of the Google AJAX Feed API that is designed to let you add photo slide shows to your pages, sites, and blogs. The slide show control takes photo feeds from all popular sites, such as PhotoBucket, Flickr, and Picasa Web Albums. Any feeds that use Media RSS can be used without customization. However, the slide show control allows any pho
Ajax.Request - Ajaxリクエストを行う - prototype.jsリファレンス
この機能を実行するにはprototype.jsが必要です 構文 Ajax.Request(url, options) 引数: url=ＵＲＬ, options=オプション 「Ajaxリクエストを行う」サンプルコード <html> <head> <title>Ajax.Request - Ajaxリクエストを行う</title> </head> <!--Ajaxリクエストを行うのサンプル--> <script type="text/javascript" src="/js/prototype.js"></script> <script type="text/javascript"> function execute() { var a = new Ajax.Request( "/samples/ajax/test.php", { "method": "get", "parameters":
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Delta138 >>> Go Past Beyond Online Gaming Meta World