タグ

AjaxとTIpsに関するwackyのブックマーク (38)

  • jQuery.ajax で overrideMimeType する方法 - hogehoge @teramako

    UbiquityでHTMLコンテンツとマッシュアップ - IkeTの日記 英語翻訳 - エキサイト翻訳のサービスを利用して英日翻訳するUbiquityコマンド。 このサービス、どうも翻訳後の文字コードがShift_JISで文字化けしてしまうという事が書かれていたので、ブクマコメントにてjQueryは知らんけど、XMLHttpRequestのoverrideMimeTypeでcharsetを指定すれば文字化けはしないはずですよとアドバイスした。 それを受けてid:IkeTさんが、jQueryではできそうもないからXMLHttpRequestを直に叩いたよ、と追記してくれました。 上記、記事を受けて、jQueryでスクレイピングする時の文字化け対処法 - 不動産屋のラノベ読みでid:Lhankor_Mhyさんが、jQueryでも出来るよ!的な記事を書いている。 ただ、この記事での書き方では た

    jQuery.ajax で overrideMimeType する方法 - hogehoge @teramako
    wacky
    wacky 2008/09/16
    jQuery.ajax()の文字化け対策としてoverrideMimeTypeでcharsetを指定する方法。beforeSendオプションを利用する。
  • Load Content While Scrolling With jQuery

    Free Web Resources Everyday - WebResourcesDepotRelated PostsForm Elements Images For Realistic Designing jQuery Slideshow Plugin With Zoom, Shuffle And Fade Effects Sparklines (Small Inline Charts) With jQuery Skin Your Ajax Applications: ThemeRoller Javascript Scroll - Smoothly!

    wacky
    wacky 2008/09/12
    AutoPagerizeのように、ページの下までスクロールすると次ページの内容を動的に読み込んで自動表示する仕組みをjQueryで作成。ASP(VBscript)のサンプルコード。
  • 動的なscriptタグの読み込みを同期的に行う | Blog.37to.net

    home blog labs about contact プログラミング・開発 > 動的なscriptタグの読み込みを同期的に行う JavaScript 作成: 2008-08-31T20:01:23+09:00 更新: 2009-04-29T01:06:49+09:00 タイトルからして何を言っているか分からないと思いますが、 JavaScriptから動的にscriptタグを追加した場合に、非同期に読み込まれるという 特徴があるのですが、これを同期的に読み込もうというお話です。 動的なscriptタグの追加 JavaScriptからscript要素を作り、追加する事で外部JSのロードを行うという処理です。 外部JSファイルの読み込みや、いわゆるJSONPとかです。 動的に追加した場合の特性として、読み込みが非同期になるというものがあります(operaは9.5からのようです)。 これは使い

    wacky
    wacky 2008/09/10
    動的なscript要素による外部jsのロードで同期的に処理する方法。基本はonload、IEのみonreadystatechangeを使用。
  • HugeDomains.com

    paranoidferret.com is for sale Please prove you're not a robot

    HugeDomains.com
    wacky
    wacky 2008/05/22
    領域の下部へスクロールしたら動的にコンテンツを追加する「無限スクロール」実装のチュートリアル。記事ではAjaxを使わないが、Ajaxへの移行も想定した内容。(英語)
  • IBM Developer

    IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.

    IBM Developer
    wacky
    wacky 2008/04/08
    既存のWebサイトをAjaxで改良する連載(1)。ポップアップウインドウをjQuery+ThickBoxでLightbox化する。
  • IBM Developer

    IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.

    IBM Developer
    wacky
    wacky 2008/02/06
    Ajaxアプリケーションにおけるクライアント側の工夫。タイムアウト時の再リクエスト処理、非同期処理の順次実行。
  • 連載: IBM Watson Workspace #鬼わか アプリケーション開発: 第 7 回: IBM Watson Workspace で AI を利用したアプリ連携の実現 #鬼わか 解説(前編)

    IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.

    連載: IBM Watson Workspace #鬼わか アプリケーション開発: 第 7 回: IBM Watson Workspace で AI を利用したアプリ連携の実現 #鬼わか 解説(前編)
    wacky
    wacky 2008/02/06
    サーバキャッシュとHTTPコードを組み合わせてAjaxアプリケーションの無駄なトラフィックを減らす。ポーリング時に更新がなければ、304 Not Modifiedを返してクライアントに通知する。
  • ウェブリブログ:サービスは終了しました。

    「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧

    ウェブリブログ:サービスは終了しました。
    wacky
    wacky 2008/01/28
    生JSONの取得しかできない環境で無理矢理JSONPする方法。script要素のsrcから関数名を取得しeval。
  • jQuery で JSONP 2通り - てっく煮ブログ

    JavaScriptjQuery を使って JSONP でリクエストする方法を2通り紹介するよ。その1: $("")createElement を $() を使って実装。 $("") .attr('type', 'text/javascript') .attr('src', "http://www.example.com/jsonp.cgi?param1=value1&callback=myCallback") .appendTo($("head")); function myCallback(json){ // ロード完了時にここが呼ばれる } http://www.example.com/jsonp.cgi?param1=value1&callback=myCallback にリクエストがいく。callback のところは、サービスによって指定の仕方が違うかもね。その2: $.ajax

    wacky
    wacky 2007/12/13
    jQueryによるJSONPコードサンプル。
  • TAKESAKO @ Yet another Cybozu Labs: Operaでも非同期リクエストが並列処理できる img-JSONP

    先日金床さんに教えてもらったOperaで非同期並列JSONPを実行させる方法を実際に試してみたら意外とすんなり動いてしまったので報告します。 最速インターフェース研究会 :: OperaでJSONPを非同期リクエストするより JSONP が Opera だと非同期処理できない http://d.hatena.ne.jp/secondlife/20060906/1157515075 に書かれているとおりOperaだとscript要素を足した瞬間にJavaScriptの実行が止まって、ロード完了まで後続のスクリプトが実行されなくなります。 サンプルコード 改善前(普通のJSONP) Operaはスクリプトを追加するとタイマーが止まる(サンプルページ) http://la.ma.la/misc/js/opera_jsonp_test.html function test(){ var s = d

    wacky
    wacky 2007/06/11
    script要素の動的生成によるJSONリクエストがOperaでは非同期にならない問題の(無理矢理な)回避策。IMGとしてキャッシュさせ、onerrorイベントで処理。
  • Google AJAX Feed API、簡単にフィードを描画できるクラスを追加:CodeZine

    Google AJAX Feed APIに「FeedControl」というクラスが追加された。 このクラスを利用すると、取得したフィードをWeb上に描画する際、定型的なフォーマットで簡単に表示させることができる。下はCodeZineとMarkeZineのRSSをタブ形式で表示させたサンプルだ。 <script type="text/javascript" src="http://www.google.com/jsapi?key=取得したKey"></script> <div id="feedControl">Loading...</div> <script type="text/javascript"> google.load("feeds", "1"); function initialize() { var feedControl = new google.feeds

    wacky
    wacky 2007/05/09
    Google AJAX Feed APIに追加されたフィード表示用コントロール「FeedControl」の紹介。
  • IBM Developer

    IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.

    IBM Developer
    wacky
    wacky 2007/04/22
    Ajaxアプリケーションのコーディングによくある間違いと修正方法のまとめ。
  • workaround to make AJAX calls on Internet Explorer 6

    I have found a nice alternative to the traditional try catch method to make AJAX calls work on every browser. Place the following code on top of your Javascript script. if (!window.XMLHttpRequest) { window.XMLHttpRequest = function() { return new ActiveXObject('Microsoft.XMLHTTP'); } } This hack defines a function called XMLHttpRequest if XMLHttpRequest doesn't exist natively on the browser. With

    wacky
    wacky 2007/04/20
    IE5.5やIE6でも「new XMLHttpRequest();」でAjaxできるようにする方法。
  • XHR専用reverse proxy — ありえるえりあ

    Recent entries Apache2.4のリリース予定は来年(2011年)初め(あくまで予定) inoue 2010-12-23 Herokuの発音 inoue 2010-12-20 雑誌記事「ソフトウェア・テストPRESS Vol.9」の原稿公開 inoue 2010-12-18 IPA未踏のニュース inoue 2010-12-15 労基法とチキンゲーム inoue 2010-12-06 フロントエンドエンジニア inoue 2010-12-03 ASCII.technologies誌にMapReduceの記事を書きました inoue 2010-11-25 技術評論社パーフェクトシリーズ絶賛発売中 inoue 2010-11-24 雑誌連載「Emacsのトラノマキ」の原稿(part8)公開 inoue 2010-11-22 RESTの当惑 inoue 2010-11-22 「プ

    wacky
    wacky 2007/04/07
    クロスドメインAjaxのための中継プロキシをmod_rewirteだけで簡単構築。localhostやイントラネットで使うなら良いかも。
  • Ajaxでデバッグしよう - @IT

    Webアプリ開発で、動作確認メッセージが出力できない。そんなときは、Ajaxでブラウザの動作ログをサーバに出力してみよう。 現在、至るところでWebを利用したシステム開発が行われています。デバッグに使用しているテクニックの1つに、古くからの技法として変数や動作したことを示すメッセージ表示などの情報を出力するものがあります。残念ながらWebアプリケーションの開発の現場では、その技さえ使えない場合があります。 最近のWebアプリケーションの開発は、サーバ側のJSPやサーブレットの開発では統合開発環境を利用できるようになり、大幅に開発効率が向上しています。また、開発中の動作確認だけでなく、リリース後はサーバ側で動作するプログラムへメッセージを埋め込んでログとしてファイルに残すこともできます。 これらのログ機能は、IBM社のWebSphere、MS社のInternet Information Se

    wacky
    wacky 2007/03/06
    クライアントサイドのJavaScript実行ログをサーバサイドで記録するリモート・ログ・エージェント技法の紹介。
  • CGI不可のサーバでもできるAjaxによるHTMLの動的な整形:CodeZine

    はじめに ここ最近、Web 2.0という言葉と共にクライアント側のプレゼンテーション技術としてAjaxが非常に注目されています。しかし、Ajaxという技術用語や概念の解説、または書籍が多く出版されているにもかかわらず、Ajaxを応用したコンテンツやアプリケーションは、キーワードとしてのAjaxの人気から考えれば、少ないと言えるでしょう。多くの人がGoogleなどの大手サイトでAjaxを体験しているにもかかわらず、Ajaxが使われているのは企業や大手ポータルサイトなど、限定されています。 では、Ajaxはそれほど敷居の高いものなのでしょうか。質の高い開発集団や、高額な開発環境、またはサーバーなどのインフラストラクチャが必要となるのでしょうか。確かに、Googleと同じレベルのものを作ろうと考えれば、相応の費用と技術が要求されます。しかし、Ajaxという技術要素だけを見れば、けっして大企業に独

    wacky
    wacky 2007/03/02
    専用サーバーを持たない個人レベルのサイトでAjaxを活用するサンプル。データとプレゼンテーションの分離。
  • PrototypeでAJAX開発を効率化:CodeZine

    去る8月30日(土曜日)、ライトウェイトプログラミング言語(Lightweight programming Language)の総合カンファレンス「LL Future」が、なかのZERO(中野区もみじ山文化センター)大ホールで開催された。当日は前線の影響で時おり豪雨に見舞われる中、さまざまな言語のユーザーや開発者など千人近くが集まった。

    wacky
    wacky 2007/02/23
    prototype.jsによるオブジェクト指向開発、Ajax開発の解説。
  • Ajaxなページで「戻るボタン」を機能させる方法:phpspot開発日誌

    JavaScriptとLightBoxを組み合わせたスマートな写真の見せ方サンプル「Sucke... 次の記事 ≫:花火アニメーションをJavaScriptで実装「Fireworks.js」 Ajax Back Button Hack Ajaxなページで「戻るボタン」を機能させる方法。 Ajaxなページでは、ブラウザの「戻るボタン」を押すと、通常は、前に開いていたページに戻ってしまいます。 Ajaxでページを1,2,3と開いていって、2に戻りたいのに、前に開いていたページに戻るのは利用者としては不意な動作です。 そこで、IFRAMEを使った、Ajaxでの「戻るボタン」実装ハック方法の紹介。 Ajaxで画面を切り替えた際に、IFRAMEのsrcも切り替えることで戻るボタンを動作させることが出来ます。 例えば、javascriptで次のようにIFRAMEのsrcを切り替えます。 <ifram

    wacky
    wacky 2007/02/22
    不可視iframeを利用して、ブラウザの「戻る」「進む」ボタンをAjaxアプリで機能させるアイデア。
  • [PHPプロ!] IEでAjaxリクエストをキャッシュさせない方法:CodeZine

    Jaslabsにて、IEでAjaxリクエストをキャッシュさせない方法が掲載されています。 IEの場合Ajaxを用いた通信を行うと、GETメソッドの場合一度実行されるとデータがキャッシュされて、2回目以降の通信はそのキャッシュされたデータを読みに行くようになってしまいます。 そこでJaslabsでは、その対策として2つの策を提示しています。1つめは、GETメソッドを辞めてPOSTメソッドを使う方法です。POSTメソッドの場合、GETメソッドと異なりこちらは2回目以降の通信でもキャッシュされることなくサーバのデータを取得します。 2つめの策は、GETメソッドで取得する先のURLにユニークIDを付加する方法です。下記のようにここではユニークIDとしてタイムスタンプを付加しています。 var date = new Date(); var timestamp = date.getTime()

    wacky
    wacky 2007/02/08
    If-Modified-Sinceヘッダを利用してAjaxリクエストのキャッシュを防ぐ。
  • The Definitive TypeScript Guide - Blog | SitePen

    Software projects succeed or fail based on the quality of the teams behind them. Expert developers can be hard to find. So how do you get junior developers to level up? It’s not enough to teach how to use a framework or tech stack. Good developers can follow a pattern.

    The Definitive TypeScript Guide - Blog | SitePen
    wacky
    wacky 2007/01/05
    オフラインに対応したWebアプリケーションを作るためのDojo Offline Toolkitの紹介。Dojo Storageを利用。(英語)