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
WordPressでAjaxを使う方法の解説 | hijiriworld Web
基本の解説 STEP1. リクエスト送信先のパス WordPress で Ajax を使う場合 /wp-admin/admin-ajax.php にリクエストを送ることに決まっている。 JavaScript ファイル内で動的にパスを指定することはできないので、wp_head にフックしてリクエスト送信先のURLをグローバル変数として出力しておく。 > functions.php function add_my_ajaxurl() { ?> <script> var ajaxurl = '<?php echo admin_url( 'admin-ajax.php'); ?>'; </script> <?php } add_action( 'wp_head', 'add_my_ajaxurl', 1 ); wp_head アクションにフックすることで head 要素内に JavaScript
モダンでかっこいいページ遷移アニメーションサンプル:phpspot開発日誌
Animated Page Transition in Ajax | CodyHouse モダンでかっこいいページ遷移アニメーションサンプル。 ページを切り替える際にアニメーション付きでコンテンツを切り替えるデモです。 URLも変わるのですがそれを全く意識させないアニメーションが地味に凄いです。 関連エントリ CSS＆jQueryで作るパネル型の3Dナビゲーション作成サンプル フルスクリーンでタッチデバイスでも使いやすいナビゲーションメニュー実装 Parallaxで写真等を立体的に表現するデモ クールでモダンなコンタクトフォームのデモ＆サンプルスクリプト
jQueryのDeferredが便利過ぎた - Qiita
$(function(){ //サンプルボタンがクリックされたら発火するイベント $('#sample').on('click', function(){ //ajaxを使う関数を呼び出し、挙動がズレることを確認する console.log('click function start'); ajax_function(); $('#append_area').append('<li>クリック関数側で追加したテキスト</li>'); console.log('click function end'); }); //ajax通信をし、返ってきた値をリストに追加する function ajax_function(){ console.log('ajax start'); $.ajax({ type: 'POST', url: 'index', data: { 'test_text': 'ajax
jQueryのDeferredを用いたモダンなAjax処理の書き方
目次 jQuery 1.4以前の書き方jQuery 1.5以上の書き方jQuery 1.8以上の書き方【発展編1】Deferredを用いた書き方 deferredとは何か？【発展編2】$.when() を用いた書き方参考本エントリは軽めのjQuery Advent Calendar 2012の14日目の記事として書きます。軽めといいながら少し重めになってしまった感がありますが、初めてのAdvent Calendar参加ということでご勘弁を。 ※ Twitter API仕様変更によりTwitter APIを使ったコード例は現在動作しなくなっていることにご注意。 jQuery 1.4以前の書き方まずは、少し古めのコード、昔のjQueryの本とかでよく見る書き方。 $.ajax({ url: "ajax.html", success: function(data) { alert('succes
jQuery.ajax(settings) - jQuery API 1.4.4 日本語リファレンス - StackTrace
解説 HTTPリクエストを使用してデータを取得します。 このメソッドは、ajax の最も低レベルな実装です。 より使いやすく具体化された実装には、jQuery.get(url, [data], [handler], [dataType])、jQuery.post(url, [data], [handler], [dataType])などがあります。 但し、このメソッドほど多くの機能は提供しませんので（例えば、エラーコールバック関数などは指定できません）、場合によって使い分けてください。 （もちろん、ajaxError(handler) 等のグローバルAjaxイベントを使えば、共通処理におけるハンドリングは可能です。） このメソッドは XMLHttpRequest を返します。ほとんど使用することはありませんが、必要であれば、手動でリクエストを中止したりすることができます。 引数 optio
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
