Ajax (XHR) まわりいろいろ試してみた。 - かもメモ
前回FetchAPIを試してみたので、昨今のAjax? XHR?を色々ggって試してみました。（ホント簡単に jQuery $.ajax みんな大好きjQuery。お世話になった$.ajax！！ 今もWordPressで"ほぅむぺぃじ"を作ったりするときには使うんじゃないでしょうか？ Promiseに似たDeferredオブジェクトが使えるようになってから非同期処理が書きやすくなった記憶です。 $.ajax({ url: api_url, type: 'POST', dataType: 'json', data: { key: 'post_data' } }) .done(function(res, textStatus, jqXHR) { console.log(res); // 返されたデータ }) .fail(function(jqXHR, textStatus, err){ con
jQueryを使わない書き方 ajax, each, trigger, on/off, extend, deferred, animate, css編
昨年くらいから次世代JavaScript（ES2015 & 2016）やReactやAngularJSなどのフレームワークの普及により脱jQueryの動きが見られ始めました。そして2016年はさらに脱jQueryの動きが加速するのではないかと見ています。その最も大きな要因として1月12日に実行されたマイクロソフトによる旧IE（Internet Explorer 8, 9 ,10）のサポート終了が挙げられます。そんな訳でjQueryは便利ですが、特に使う必要もなくなってきているのが現状です。今回紹介するjQueryに頼りがちな処理をJSで書けるようにさえなれば、脱jQueryはすぐにでもできるのではないかと思っています。ぜひ参考にしてください。 はじめに脱jQueryに関して以下のような記事が年末に投稿されました。 You-Dont-Need-jQuery – jQueryを使わない書き方教
AjaxでAccess-Control-Allow-Originのエラーを回避する方法
var XHR = new XMLHttpRequest(); query = "http://www.muratayusuke.com/"; XHR.open("GET",query,true); XHR.onreadystatechange = function(){ if (XHR.readyState == 4 && XHR.status == 200){ alert("hoge"); } }; XHR.send(null); 上記のコードなんかよく見るXMLHttpRequestのコードだと思いますが、最近のChromeでこいつがエラーを吐くようになりました。そう、 "XMLHttpRequest cannot load http://www.muratayusuke.com/. Origin http://muratest is not allowed by A
ajaxファイルアップロードに使えるjQueryプラグインいろいろ:phpspot開発日誌
7 trusted ajax file upload plugins using jquery | Web Developer Juice ajaxファイルアップロードに使えるjQueryプラグインがいろいろとまとまっていましたのでご紹介。 AJAX Upload カスタムボタンを押すとファイルを選択して選択したら即座にアップするもの Ajax file Upload 画面遷移なしにアップロードが出来るアップローダー実装 jQuery Multiple File Upload Plugin など。画面遷移なしにファイルをアップロードしたい際の簡単ソリューションとして覚えておいてもよいかもしれませんね。
JavaScriptでどうしても外部のドメインのコンテンツを読みたい際に使えるプロキシスクリプト「Simple PHP Proxy」:phpspot開発日誌
JavaScriptでどうしても外部のドメインのコンテンツを読みたい際に使えるプロキシスクリプト「Simple PHP Proxy」 2010年01月08日- JavaScriptでどうしても外部のドメインのコンテンツを読みたい際に使えるプロキシスクリプト「Simple PHP Proxy」が公開されています。 自分のサイトにおいた、proxy.phpに対して、proxy.php?url=//phpspot.org/blog/ といった形でURLを指定するとPHP内でcurlが外部ドメインのコンテンツをロードしてきてくれ、JS側からはそのまま自ドメインのproxy.phpにアクセスするという形でクロスドメインを可能にするajaxでは最も古典的なやり方を実現するためのPHPで書かれたプロキシスクリプトです。 クッキーなどもそのまま送ってくれる機能や、JSONでレスポンス値を受け取るモードなど
Ext JS - RIA開発用JavaScriptフレームワーク
Ext JS: クロスブラウザー対応、RIA（Rich Internet Application）開発用JavaScriptフレームワーク Ext JS はRIA（Rich Internet Application）と言われるWebブラウザ上で動作するアプリケーションを開発するためのJavaScriptライブラリです。Ext JSに含まれるのは： 高機能でカスタマイズ可能なGUI部品（ウィジェット） オブジェクト指向プログラミングのデザインパターンに従った拡張可能なコンポーネントモデル 直感的で、使いやすいAPIドキュメント 商用ライセンスとオープンソースライセンスのデュアルライセンスモデル
またまた登場！凄くリッチなWEBアプリ作成フレームワーク「Ajax.org Platform」:phpspot開発日誌
またまた登場！凄くリッチなWEBアプリ作成フレームワーク「Ajax.org Platform」 2009年12月16日- またまた登場！凄くリッチなWEBアプリ作成フレームワーク「Ajax.org Platform」。 Ext.js ばりにきれいなUIと多機能さで今後が期待されるJSフレームワークです。 次のような綺麗でリッチなインターネットアプリケーションが作れます。 デモページには多数のコンポーネントが掲載されていて色々できることがわかります。 GoogleMapや、各種UIパーツの他、３Dグラフなんかも面白いです。 JavaScript でクネクネ動く3Dグラフです。 以下のページを参照してください。 Ajax.org - The real-time collaborative application platform
Nao Haida's weblog: DOM のロード直後に実行する関数の指定方法
11/16/2007 DOM のロード直後に実行する関数の指定方法 Javascript で DOM を操作する際にはページ内の DOM 要素がロードされている必要がある。 このとき問題になるのは、DOM がロードされたタイミングをどのように検知するか。DOM がロードされたタイミングで実行する関数の指定方法。ということになる。 まず、次のような html を考える。 <html> <head> <title></title> <script> // ページヘッダの読み込み時刻を記録 var start = new Date(); </script> </head> <body> <!--ロードに10秒かかる画像を指定--> <img src="http://example.com/sleep10" /> </body> </html> ここで、 image 要素には 10 秒後に結果を返
化粧品としても優秀！？ | 今話題の健康食品、ユーグレナ(ミドリムシ)の秘密
栄養食品として優秀なユーグレナ(ミドリムシ)ですが、化粧品として商品化されているのはご存知でしょうか。それが、ミドリムシが入った化粧品「B.C.A.D.」という商品です。肌のハリ・ツヤ・潤いなどの加齢による減少を防ぎ、肌トラブルの元になる乾燥肌を改善させ、透明感やふっくらとした弾力を与えるエイジング効果が期待できると言われています。 そこで今回は、ユーグレナ化粧品の効果と、おすすめユーグレナ化粧品をご覧頂きたいと思います。 ◆ユーグレナ化粧品にはどんな効果があるのか 最新の技術で、化粧品用の機能性に富んだ粉体材料として加水分解されたユーグレナエキス「リジューナ」が開発され、化粧品の原材料として使用され始めています。 その効果は、素肌の深部まで浸透し、正常なターンオーバー(肌の表皮代謝)を促してくれます。ユーグレナエキスによってターンオーバーが正常になったお肌は、保湿が充分で潤い、それによっ
Lightform Free Ajaxphp Contact Form » Web-kreation
Web Kreation Ltd. is now Morphosis Ltd.. You can still view this site but comments are closed and contact form disabled. If you want to see our latest work or contact us, please visit our new site www.morphos.is. Web-kreation Online Portfolio of Jeremie Tisseau UI/UX Designer, Event Organizer, Web Entrepreneur
A Fancy AJAX Contact Form
Introduction Providing a simple and reliable means of feedback from site visitors is a crucial part of any web presence. The most simple and common feedback channel are contact forms. In this tutorial we are going to make an AJAX contact form which leverages modern web development techniques. We are using PHP, CSS and jQuery with the help of the formValidator plugin for form validation and the JQT
外部JavaScriptファイルをロードして、そこに書かれている関数を実行する。 (でぃべろっぱーず・さいど)
Greasemonkey勉強会で紹介したJavaScriptのTips。 hoge.jsにhogeFuncが定義されていて、hoge.jsを読み込んですぐにhogeFuncを実行したいとき。 ↓こんな風に書いちゃうと、エラーになってしまいます。 var s = document.createElement('script'); s.type='text/javascript'; s.charset = 'utf-8'; s.src = 'hoge.js'; document.getElementsByTagName('head')[0].appendChild(s); hogeFunc();//この時点ではまだhoge.jsがロードされていない可能性が高い hoge.jsのscriptタグをappendした後、実際にhoge.jsがダウンロードされ、JavaScriptが解釈されるまではh
外部JavaScriptの動的ロード - os0x.blog
JavaScriptからJavaScriptを読み込むのは、(IEに対応する場合は特に)結構面倒です。 ちょうど昨日公開されたid:amachangのはてブにアクセスチャートを出す Greasemonkeyでは、こんな実装になっていました。 // for IE if (!document.evaluate) { var script = document.createElement('script'); script.src = 'http://svn.coderepos.org/share/lang/javascript/javascript-xpath/trunk/release/javascript-xpath-0.1.11.js'; document.body.appendChild(script); var callee = arguments.callee; var inter
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Blogger
転送中
転送中
転送中
ホームページを作る人のネタ帳