オレオレAjaxアノテーションで超簡単Ajax - 出羽ブログ
チュートリアルのダウンロードのソース見てたら「あれ？これパクれば Ajax できるんじゃね？」と思ってさっそくやってみた。クラス名とか気にしないで・・・。 すぱいだー日記さんにインスピレーションを受けて SAStrutsで自前AjaxアノテーションとAOPを使って 超簡単にAjaxできてしまうプログラムを書いてみた。 Action側のコードはこんな感じ。 public class AjaxTestAction { public String hoge; public String fuga; @Ajax @Execute(validator = false) public String callAjax() { return hoge + " と " + fuga; } } 通常のSAStrutsの実行メソッドに 自前で作った@Ajaxアノテーションを付けるだけ。 呼び出し側のJSPは以下
SAStruts JSONを返すアクションメソッド 修正編 - 130単位
SAStruts アクションにJSONを返すメソッドを作成してみる - 130単位 ↑で書いたコードに対し、気になった点があって直そうと思いました。が、あまりに修正点が多かったので新たに記事にしてみます。 以前のコード Ajaxでリクエストされ、従業員のリストをJSON形式で返すメソッドです。 @Execute(validator = false) public String ajaxEmployeeList() { List<Employee> employeeList = employeeService.findByDeptId(form.departmentId); HashMap<String, String> map = new HashMap<String, String>(); for (Employee emp: employeeList) { map.put(emp.id
SAStruts + JQueryでのAjaxリクエスト判定の方法 - ( ꒪⌓꒪) ゆるよろ日記
はーい、元気ですかー?ロックンロール! 今現在、SAStrutsを使い始めて2つめのプロジェクトを荒々しくコーディング中なんですが、今回はJQueryを利用したAjax処理をあちこちで採用してます。 マスタ管理とかの一覧のページングとかはAjaxだし、追加・更新もajaxでlightbox風な感じで表示してるし。 で、リクエストが正常に処理された場合はおkなんですが、入力エラーだったりセッションが切れてたり例外が出たときに、デフォルトのままエラー画面とかにforwardすると、ブラウザ側でエライことになっちまいますよね? divの中にエラー画面がloadされたり、javascriptをevalしようとしたら実はHTMLだったぜ的な。 そこで、今回はRequestのヘッダーの中身によって、Ajaxでのリクエストなのか、クライアントはHTMLを期待しているのかそれともjavascriptやjs
SAStrutsで簡単Ajax - ひがやすを技術ブログ
SAStrutsで簡単にAjaxを扱えるようにしました。サンプルはこんな感じ。 package tutorial.action; import org.seasar.struts.annotation.Execute; import org.seasar.struts.util.ResponseUtil; public class AjaxAction { @Execute(validator = false) public String index() { return "index.jsp"; } @Execute(validator = false) public String hello() { ResponseUtil.write("こんにちわ"); return null; } } アクションで、ResponseUtil#write()を使ってレスポンスに文字列を書き出すだけ。
AjaxなURL(#!)を変換する奴を書かれたものをPHP用にポーティング - 例えば、PHPを使う
http://github.com/sasezaki/Zend_Uri_HttpCrawlableHash @see http://code.google.com/intl/ja/web/ajaxcrawling/docs/specification.html @see http://subtech.g.hatena.ne.jp/mala/20101018/1287419036 とりあえずテストコードに書かれた分はパスしてますって程度ですね。 <?php require_once 'Diggin/Uri/HttpCrawlableHashTest.php'; $uri = Zend_Uri::factory("http://twitter.com/#!/wozozo", 'Diggin_Uri_HttpCrawlableHash'); // 変換したURIオブジェクトが欲しいとき(clon
TwitterやFacebookのURLには、なぜ#!が含まれるのか (SEOとAjaxのおいしい関係) - kazuhoのメモ置き場
Ajaxを使うためにはページ内リンク (hash fragment=URLの#以降) を使うのが一般的*1 hash fragmentはサーバに送信されないから、JavaScript非対応のブラウザだと動作しない 特にサーチエンジンのクローラ等で問題になる*2 そこで Google は、#! が含まれる URL を hash を含まないものに読み替える仕組みを提唱している。例えば「www.example.com/ajax.html#!key=value」のサーチエンジン用URLは「www.example.com/ajax.html?_escaped_fragment_=key=value」になる。 TwitterやFacebookはこの仕様に従うことで、Ajax な UI と SEO を同時に実現している、というわけ。ということを調べたなう。 参照: Getting Started |
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ノードを追加した時に、単
jQueryでPUT, DELETEリクエストを送るメソッドを定義する - id:anatooのブログ
extend使って$.ajaxメソッドのラッパーを定義してやってるのが以下。 $.extend({ "put" : function (url, data, success, error) { error = error || function() {}; return $.ajax({ "url" : url, "data" : data, "success" : success, "type" : "PUT", "cache" : false, "error" : error, "dataType" : "json" }); }, "del" : function (url, data, success, error) { error = error || function() {}; return $.ajax({ "url" : url, "data" : data, "succe
Zend FrameworkでAjaxというかレスポンスのフォーマットを呼び分ける - Javaとrubyと男と女
普通にZend Frameworkを使っていて、非同期通信をしてXMLでデータを返却するとなると ・Controllerの自動レンダリングを止めて ・レスポンスヘッダをXML形式にする という手順が必要。 これをコンテキストスイッチというのを使うと、その手間が省けて、見た目もすっきりする。ZFではXMLとJSON形式のコンテキストがデフォルトで用意されている。 詳しくは、上記リンクを参照なんだけど、XML形式の場合の例を簡単に書くと class HogeController extends Zend_Controller_Action { public function init(){ $contextSwitch = $this->_helper->getHelper('contextSwitch'); $contextSwitch->addAc
AjaxContext を使ってみる。 - Heavens hell
Phwittr ではメッセージのポストに Ajax を使用するという仕様なので、AjaxContext を試してみた。 AjaxContext は ContextSwitch ヘルパーを継承したもの。 ContextSwitch については、wads-blog さんが非常に分かりやすく解説されている。 # いつも参考にさせて貰ってます。 [Zend Framework] Zend_ControllerアクションヘルパーのContextSwitch – wadslog ContextSwitch はパラメータによって応答する形式を自動的に設定してくれる。 # Smarty で扱う場合は少々改造しないといけないよう。今回は Zend_View で試した。 呼出し側はこんな感じで書いた。 # prototype.js 使った。JavaScript は得意じゃない・・・ orz <script t
[Zend Framework] Zend_ControllerアクションヘルパーのContextSwitch – wadslog
Zend Framework1.5から新しく追加されたContextSwitchアクションヘルパーを使ってみました。 あるページのレスポンス形式をhtmlに加えてrssやatomフィードも追加したいとか、Ajaxで受け取るデータをxmlとjsonの両方に対応したい場合に、新しくactionメソッドを追加したり、処理を複雑にしないで対応することができます。 例として、FooControllerのbarActionメソッドはある画面から非同期通信で呼び出されjson形式でデータを返していたが、あるパラメータが設定されていた場合にXML形式でレスポンスを返すように処理を追加するという処理を考えます。 おそらく私は今までならば以下のように処理をしていたと思います。
画面遷移なしにAjaxでシームレスに実装できるコメントシステム作成チュートリアル:phpspot開発日誌
Simple AJAX Commenting System ? Tutorialzine 画面遷移なしにAjaxでシームレスに実装できるコメントシステム作成チュートリアル。 書き込むと内容がそのままDOMツリーにアニメーションしながら追加されるという、よくありそうなコメントシステムの実装チュートリアルとサンプルプログラムです。 似たようなものを実装したい場合に参考にできるかもしれません。 フォーム部分もそれなりにスタイルされており、JavaScriptによるブラウザ上バリデートも効いてます。 改善の余地がありますが１から作るよりサクっと実装したい場合に使えそうです。 関連エントリ PHPとjQueryで作るAjaxなグループチャットスクリプト PHP+Ajaxなチャットスクリプト：YShout
Developer's Guide - AJAX Libraries API - Google Code
Developer's Guide The AJAX Libraries API is a content distribution network and loading architecture for the most popular open source JavaScript libraries. By using the google.load() method, your application has high speed, globally available access to a growing list of the most popular JavaScript open source libraries. Table of Contents Audience This documentation is designed for people familiar w
AjaxZip 2.0
Kawa.netxp AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム（CGI不要版） AjaxZip2は、昨年公開した 『ajaxな住所入力フォーム』 の新バージョンです。 郵便番号を入力すると、該当する都道府県名・住所が自動的に入力されます。 Ajaxと JSON フォーマットを利用するJavaScriptライブラリとして公開しました。 JavaScript のみで稼動するため、サーバサイドで稼動するCGIプログラムは不要です。 郵便番号→住所変換処理は全てクライアントサイドのJavaScriptで行います。 既存 HTML の住所入力フォームをたった3行書き換えるだけで利用できます。 簡単に設置できるため、プログラムに詳しくない方でも導入していただけると思います。 以下の住所入力フォームに、7桁の郵便番号を入力してみてください。 【2007/12/09 追記】 jQ
Ajax - Wikipedia
この項目では、Web開発手法について説明しています。 コナミのアーケードゲームについては「A-JAX」をご覧ください。 その他のAJAXについては「アイアース」をご覧ください。 一般的なWebアプリケーション（左）とAJAX（右）の動作の違い Ajax（エイジャックス[1][2]、アジャックス[3]）は、ウェブブラウザ内で非同期通信を行いながらインターフェイスの構築を行うプログラミング手法である[4]。XMLHttpRequest（HTTP通信を行うためのJavaScript組み込みクラス）による非同期通信を利用し、通信結果に応じてダイナミックHTML (DHTML) で動的にページの一部を書き換えるというアプローチを取る[5]。 Ajax は『Asynchronous JavaScript And XML』の略で、2005年2月18日に米国のインフォメーションアーキテクトであるジェシー・
Ajaxアプリケーション開発における7つの大罪 - builder by ZDNet Japan
Ajaxは近ごろ人気を集めているが、その人気は伊達ではない。Ajaxを使うことで、より迅速に、より効率良く、より動的なアプリケーションを開発することができるのだ。しかし、Ajaxには固有の落とし穴もあるのだ。 こういった落とし穴は一見したところ、単なる常識を使うことで避けられるように思える。そして、この見方はある意味において正しい。しかし、Ajaxアプリケーションはその先祖にあたるDHTMLとはアーキテクチャが大きく異なっているのだ。あなたがアプリケーション開発作業においてどれ程の常識を発揮しようと、先人たちの犯した過ちから学んでおく方が良いことに変わりはない。そこで、こういった過ちを7つの大罪と呼ぶことにする。ただし、過ちは決してこれらだけに留まらない。 事実、こういった7つの大罪のいずれかを犯す前により小さな過ちを犯す可能性が高い。このため、まずはこのような小罪を7つ見てみることにしよ
ハイテンションAjax入門 - 三等兵
JSが少しできる人ならうじうじ考えるほどのこともでもない！ 何も難しいことはない！ぶっとんぢまいなよ！ヒャッパー！！！ というノリでAjaxを学んでみました。醜いです。 Ajax入門 Ajaxはいろいろできるんだぜ！ 以上入門終り！キミは完璧だ！次いけ！ Ajaxは非同期通信だかなんだかそんなもんはどうでもいいんだ！ どうでもいい！そんなことよりもXMLHttpRequestオブジェクト生成！ var request = false; if(window.XMLHttpRequest) { request = new XMLHttpRequest(); //frefox ie7,8 safai opera } else if(window.ActiveXObject) { try { request = new ActiveXObject("Msxml2.XMLHTTP"); // ie6
submit_to_remoteにonExceptionを追加 | tkosugaのブログ | 海鮮料理がうまいｗｗ
This entry was posted Friday, 15 May, 2009 at 2:27 pm submit_to_remoteにonExceptionの付いていなかったので対応しました。 以下のようにすることでonExceptionでcallbackされます。 <%= submit_to_remote “実行”, “実行”, :url => {:action => :perform}, :exception => “handlingException(request, exception)”, %> libの下あたりにこのコードを置いて下さい。 module ActionView module Helpers module PrototypeHelper def build_callbacks(options) callbacks = {} options.each do |
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazon.co.jp: Ajaxデザインパターン ―ユーザビリティと開発効率の向上のために (THEORY/IN/PRACTICE): Michael Mahemoff (著), 牧野聡 (翻訳): 本
連載：Ajax時代のJavaScriptプログラミング再入門 ― ＠IT