いまさらだけど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）はユーザーが自分で退会できるようにするプラグインなのですが（参考）、そのユーザーがコンテンツを作成していた場合、そのコンテンツは消え
Javascript（JQuery)でグローバルIPアドレスをGETする – ボンシのサイクリング＆グルメ道
Javascript（JQuery)でグローバルIPアドレスをGETします。Javascript単体では、グローバルIPアドレスを取得できないので、phpと合わせて使用します。基本的な仕組みは、ページを読み込んだときに、JQueryの非同期通信を行い、サーバー側（php）で取得したグローバルIPアドレスを取得します。 グローバルIPアドレスをGETするサンプル サンプルをもっと見たい方はこちら 仕組みと注意 基本的な仕組み ページが読み込まれた時に、「java.js」ファイルの非同期通信プログラムで、「IpCheck.php」を読み込みます。 「IpCheck.php」では、「$_SERVER」変数を返します。 取得した「$_SERVER」変数の中の「REMOTE_ADDR」の値を書き出しています。 データのやり取りは、JSON形式で行っています。 注意点 ・文字コードはUTFｰ8を使って
iOS6 Mobile SafariがAjax POSTでキャッシュする問題を回避する方法 | DevelopersIO
iOS6出た！ iOS6が出来ましたね。社内ではiPhone5を入手した社員がLTEの速度に驚いていました。私はまだiPhone4Sですが、iOS6にして新しい機能を楽しんでいるところです。さて、iOS6にしてSafariの仕様が変わって困ったと言った投稿が海外のフォーラムで挙っています。それも、基本的なPOST通信についてです。これは困ったということで、動作を確認して対策方法についてシェアしたいと思います。 どんな時にPOSTをキャッシュする？ まずはどんな状況か確認してみたいと思います。 Cache-ControlもExpiresも無い場合 ： iOS6 Mobile SafariはPOSTをキャッシュする Cache-Control max-age=0指定 と Expires指定 ： iOS6 Mobile SafariはPOSTをキャッシュする Cache-Control: no-
jQueryでWordPressの続きを読むをAjaxで読み込む
Posted: 2011.04.10 / Category: WordPress / Tag: Ajax, jQuery 通常のブログではあまり使うことはないかもしれませんが、jQueryの練習がてらWordpressの続きを読むをAjaxで読み込んでみようと思います。 WordPressのテンプレート 動作はタイトルと概要と「続きを読む」ボタンを記事一覧に表示して、「続きを読む」ボタンを押すと、ボタンが本文に置き換わるということをやります。 まずはテンプレートファイルを普通（？）に作成します。 一覧を表示するための「index.php」と、本文を表示するための「single.php」ですね。 index.php <?php get_header(); ?> <div id="entry"> <?php if (have_posts()) : while (have_posts()) :
そろそろjQuery Mobileでajaxを無効にしてるやつに一言いっておくか - へっぽこプログラマーの日記
jQuery Mobileでは、ページ遷移の際に自動的にajaxが利用されています。特に何もしなくても遷移先のページをajaxで取得してアニメーションをつけて遷移するというのがjQuery Mobileの大きな特徴のひとつになっています。 しかしながら、巷では、何か問題があるとすぐにこのajaxを無効にするという対処方法が蔓延しているようです。ちなみにajaxを無効にする方法というのは、以下のようなものを指します。 a要素やform要素に data-ajax="false" を指定する。 グローバル設定で $.mobile.ajaxEnabled = false; を設定する。 もちろん、このajaxの挙動を理解した上で、ajaxを無効にするという方法を取ることは何ら問題ないのですが、とにかく困ったらajaxを無効にするということが多いようです。 具体的には以下のようなケースが挙げられるで
jQueryでAjaxを利用する基本チュートリアル (1/4)
前回の「フォーム」に続き、jQueryの特別な機能を解説します。今回取り上げるのは、「Ajax」を利用するための機能です。 今さら聞けない「Ajax」とは？ 「Ajax」（エイジャックス）は 「Asynchronous JavaScript + XML」の略で、あえて日本語にすれば「JavaScriptとXMLによる非同期通信処理」といった意味です。難しく聞こえますが、JavaScriptでWebページを切り替えずにサーバーとデータをやりとりすることです。JavaScriptでサーバーのデータを取りに行けば、ページを切り替えずに画面の一部を書き換える、といった処理ができるようになります。 WebブラウザーはWebページを表示するために、サーバーからHTML/XHTML（以下、特に断りのない場合はHTMLと書きます）ファイルを取得し、取得したHTMLを解釈して描画（レンダリング）します。通常
Ajax専用JSライブラリ SACK｜プログラム｜Nullyのぶろぐ
Ajaxを行うためだけにjQueryやMootools、PorotypeJSなどのようなごついライブラリを使うのもなんだか機が引けちゃう…。 という場合はAjax専用のJSライブラリSACK（Simple Ajax Code Kit）を利用すると良いかもしれません。 SACKとは SACK（サック）はTwilight Universeさんが開発されているシンプルで軽量なAjax専用のライブラリです。 名前の由来もSimple Ajax Code Kitのそれぞれの頭文字をとって命名されています。 使い方 まずは、SACKを利用するページに読み込みます。 <script type="text/javascript" src="js_tw-sack.js"></script> 次にSACKを利用するために、インスタンスを生成します。 var ajax = new sack(); そんでもって、
AJax : Google Maps
■Ajax : Google Mapsを表示する Ajax (Asynchronous JavaScript+XML)を使った有名なものとしてGoogle Mapsがあります。ここではGoogle Mapsで使われている技術の一部をサンプルを作成して実際に動かしてみます。 注意：現在はサーバー名やデータ方式が初期のものと異なるため動作しないサンプルがあります。説明も古いものになっています。参考までにということでお願いします。現在Google Mapsは登録すればAPIを利用して表示させたり、いろいろなことができるようになっています。（2005年11月17日午後4時11分改訂） まず、最初にGoogle Mapsを表示してみましょう。実際のスクリプトは以下のようになります。 【サンプルを実行する】 <html> <head> <title>Google Mapsのデータを表示する</titl
Built By Buffalo | Award Winning Web Design & Creative Agency
A higher plain We build brands and beautiful websites for clients who need a little help to create something truly special. We do it with love in Brighton for clients all around the world and we can do it for you too... A few stats Current project capacity AVG. Client revenue increase Clients who went on to get funding Repeat customers New business from referrals Happy clients “They are very colla
JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ
サイト更新情報 2006/12/06 よく使われているページを検索窓から簡単に辿れるようにしました。(検索窓に「prototype」と入力) 2006/11/27 JavaScript入門/応用サイトJavaScriptistオープン！ 2006/11/23 試して確認できるJavaScriptオンラインエディタを公開 2006/11/20 JavaScriptリファレンス、逆引きサンプル集を公開 2006/11/19 JavaScriptライブラリ活用ページ公開 2006/11/15 JavaScriptistベース機能の構築完了 過去のサイト更新情報
アマグラマーが初めてのAjaxのプログラムを作成するまでの道のり全容 - あと味
ここ数日、会社の勉強会でjQueryをすることになって、そのデモとしてAjaxを使ったプログラムを作っていました。まともにAjaxさわったのは初めて。ノウハウが必要そうです。 jQueryの勉強会の内容は、後日整理してアップしますので、お楽しみに。 で、プログラムを作るまでの道のりを備忘録もかねて投稿しようと思います。ぶっちゃけソースレベルは低いです。まだまだ改善すべき点は山ほどありますが、作ったプログラムはたぶん修正しないので、不完全ながら公開します。 作ったプログラム scriptタグを埋め込めば、会社の制作事例を再生するブログパーツのようなもの <script id="js" type="text/javascript" src="http://higashizm.sakura.ne.jp/parts/js/loading.js"></script> これをHTMLのbody内に埋め
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Twitter Like More Button with jQuery and Ajax.
jQuery and Ajax best 9lessons.