いまさらだけどWordPressでAjaxのやり方 | 高橋文樹.com | プログラミング
この投稿は 12年 前に公開されました。いまではもう無効になった内容を含んでいるかもしれないことをご了承ください。 Never Let Me Go 先ほど拙作WordPressプラグインのNever Let Me Goをアップデートしたので、その際の作業ログです。基本的にはWordPressを知っていて、PHPとかJavascriptとかはまあわかるかなという人を対象にしています。それでは、レッツスタディ。かなり長いですよ。 成果物 Ajaxでユーザーを検索して、IDと名前の一覧を取得して表示、選択すると該当するユーザーIDをinputタグにセットします。 管理画面でのインクリメンタル検索 Ajaxを導入した経緯 Never Let Me Go（以下NLMG）はユーザーが自分で退会できるようにするプラグインなのですが（参考）、そのユーザーがコンテンツを作成していた場合、そのコンテンツは消え
jQuery.ajax()のまとめ
jQuery.ajax()について逆引きリファレンスっぽくまとめてみました。 まとめた理由は、ネットで「jQuery.ajax」や「jQuery.ajax サンプル」などで調べても、いい感じの内容がなかなかヒットしないことと、よくヒットするサイトの情報が古かったりする（1.4で止まっているとか）ためです。 ということで、2012年10月現在2014年10月現在の「jQuery.ajax()」などをざっと調べて作ってみました。 初心者向けの内容です。すべてのオプションは網羅できていません。とりあえずサンプルコードがほしい方は１５項をご覧ください。 若番から必要と思われるものを順番に並べているつもりですが、後半は適当です。また、各項のサンプルはなんとなく積み上げていく感じにしています。 調べている間にも3つくらい新しい発見（といっても古い情報ですが…）があり、jQueryが日々進化していること
第三章 データを解析し表示しよう：JSONのデータを表示する
このデータを読み込み利用するにはdata = eval("("+データ+")")とすると変数dataにJSONで定義されたプロパティの値が入ります。例えば以下のようなJSONファイルがあるとします。 このデータを変数dataに読み込んだとします。userIDプロパティの値を読み出すにはdata.userIDと記述します。するとajaxの文字が返されます。同様にdata.userPWとするとxanaduの文字が返されます。単純にオブジェクト名.プロパティ名の記述で済みます。プロパティの値には関数なども定義することができます。これによりオブジェクト名.プロパティ名()として末尾にカッコを付加した場合にプロパティの内容＝関数が実行されます。つまりメソッドを定義したのと同じことになります。 それでは実際のデータを読み込み表示してみます。以下の商品名とそれに関するデータが記述されたJSONデータを読
Ajax的に画像などのファイルをアップロードする方法 ::ハブろぐ
a-blog cmsの開発中、Ajax的にファイルをアップロードする必要があったので、その際の調べ物についてかきます。普通にpostしようにも、JavaScriptでローカルのファイルは扱えないよ、って話で、先輩から「iframeがヒントだ！」的なざっくりとしたアドバイスを頂いたので、それを頼りに調べる。 画面遷移なしでファイルアップロードする方法 - 30からのBlog おお、なるほどなるほど。以下、HTML, JavaScript, PHPのサンプルをメモ。 こんなHTMLをJavaScriptで操作すればいい JavaScript自身が要素の生成を作成してもよいですが、最終的にはこういうHTMLが作成されることになります。 <a href="#" id="uploadTrigger">アップロードするぜー</a> <form id="uploadForm" action="画像POS
World of Merix Studio | Web Design Agency
Ooops, JavaScript is switched off :( We detected you have JavaScript switched off, please turn it on in order to fully experience the rich World of Merix Studio We’re a well organized, talented and flexible team of designers, web developers, project managers and marketers passionate about creating websites. Merix Studio is a Poland-based web design agency operating internationally. We have over 10
Any+Time DatePicker/TimePicker AJAX Calendar Widget - HTML5, AJAX, JSON and XML Consulting and Training by Andrew M. Andrews III (SM)
Commercial use is now permitted under a JS Foundation-style (MIT-style) license! Download Sexy is OVER-RATED. Let's try USER-FRIENDLY. It seems like there's a million calendar and clock widgets out there, and when you look past the eye-candy, they all have one thing in common: they're tedious at best. At worst, counter-intuitive. Sure, a picker that uses sliders or spinners, or looks like an analo
Google AJAX Language APIを試してみた - techlog
マイコミジャーナルに載っていたサンプルをちょっとだけ変えてみたら、なんだか楽しくなった。 dankogaiも試しているし、僕もちょっとだけ試してみた。 マイコミのサンプルではボタンを押して翻訳していたが、それをonkeydownに変えてみた。 細かい問題はたくさんあるけど、日本語を入力していくと、勝手に英語に翻訳してくれる。 なんだか自分が英語を書いているような気分になれるｗ # 翻訳する言語を選べば、英語→日本語もできる。 一気に入力していくと、最後のほうで入力したものが翻訳されない。 そんなときは一文字打つか、↑とか↓とか押せば再度イベントが発生して翻訳される。 非同期通信の動作は全然調べていないので･･･。 上とか下とか押しただけで、イベントが発生してしまうので、無駄なリクエストが飛びすぎる。 でも制御する方法がよくわからない･･･。Googleに怒られるかな。 ちゃんと動作させるの
にちにちほんやくを作った！ - Google AJAX Language APIを試してみた2 - techlog
前に作ったサンプルを改造してみた。 日本語を入力していくと、英語に翻訳して、それを日本語に翻訳するだけ！ でも自動翻訳では楽しい文章が生成される。 例えば「お腹が減った。」と入力すると お腹が減った。 Has dropped waistline. ウエストが減った。 ウエストは減ってほしい･･･。 例えば「お酒が飲みたい。」と入力すると お酒が飲みたい。 If you would like to drink alcohol. 希望される場合はアルコールを飲んでいます。 飲まされる？ 上とか下とか押しただけで、イベントが発生してしまうので、無駄なリクエストが飛びすぎる。 でも制御する方法がよくわからない･･･。Googleに怒られるかな。 ちゃんと動作させるのは結構大変そう。でもちょっと動かすのはとても簡単という感じ。 Google AJAX Language APIを試してみた - tec
【PHP】jQueryでAjaxを使用するサンプル
みなさん、こんにちは。 産業システム部の青木です。 備忘録を兼ねて、タイトルのサンプルを書いていきます。 サーバー側の処理はPHP、サーバーからの戻り値はJSON形式というサンプルです。 １．jQueryをダウンロードする http://jquery.com/ にアクセスし、「↓Download（jQuery）」のリンクよりダウンロードします。 ２．今回はサーバー側の処理をPHPで書きます。また、戻り値はJSON形式にしています。 ファイル名は「AjaxSample.php」とします。 <?php // クライアントから送信される会社コードを取得します $kaisha_id = $_GET['kaisha_id']; // クライアントに返す検索結果 $response = array(); // データベースより部署を取得します if (strlen($kaisha_id) != 0)
JQueryとPHPで作るシンプルなAJAX
Ajaxを使うことで、Webのユーザーインターフェイスを 劇的に改善することが出来るんだけれど、 イマイチ良いサンプルが見つからなかったのでJQueryとPHPで実装するサンプルを作ってみたよ サンプルが見つからない理由Ajaxはサーバーとクライアントの連携で動いているけれど、 サーバーは多種多様な技術があるので網羅できない。 クライアント側だけ説明すると、サーバー側が抜けるのでそのままではサンプルを動かすことが出来ない。 ということで、ターゲットをPHPとJQueryに限定してサーバーからクライアントまで一貫したサンプルにしてみました。 ソースコードを極力シンプルにして全コード掲載しています。 作る物クライアントからサーバーに数値を二つ送信し、 二つの値を足した結果をサーバーから取得して画面を更新する。 用意する物PEARが動くサーバー今回はJSONを処理するのにPEARのJSONライブ
AjaxZip3 | Webサイト制作支援 | ShanaBrian Website
郵便番号が2エリア、住所が2エリアの場合（プルダウンメニュー） ※ 都道府県のプルダウンは都道府県名または都道府県番号（都道府県コード）対応しています。 <form action="./" method="post"> 〒 <input type="text" name="zip1"> - <input type="text" name="zip2" onKeyUp="AjaxZip3.zip2addr('zip1','zip2','address1','address2');"> 都道府県 <select name="address1"> <option value="">-- 選択してください --</option> <option value="北海道">北海道</option> <option value="青森県">青森県</option> <option value="岩手県"
WordPress: 自作プラグインでAjaxする正しい方法 | 自転車で通勤しましょ♪ブログ
WordPressの自作プラグインでAjaxする方法で、正しく行う方法がないか探していた。Googleで検索しても、Ajaxを使ってるプラグインの情報がたくさん出てくるばっかりで、作り手に有益な情報を調べるにまでいけなかった。だから、必要なファイルのみを無理矢理require_onceで読み込んでインスタンスを生成してから、やりたい処理を行うという強引な方法を取っていた。しかし、Ajaxしたいところで毎回require_onceをやるのは面倒だし、正しくやる方法があるに違いないと思っていたら、あったよ！やっぱり！ http://wpdocs.sourceforge.jp/AJAX_in_Plugins 上のサイトの例では、javascriptライブラリとしてSACKを使っているが、俺はprototype.js&scriptaculousファンなので、prototype.jsを使ったAjax
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
file | ゆめとちぼーとげんじつと
joyfullife.jp
5509.me
こてさきAjax:html5 - livedoor Blog（ブログ）