ajax()：ajaxメソッド(成功はdone、失敗はfail)による非同期通信 - jQuery無双
ajaxメソッド(成功はdone、失敗はfail)による非同期通信の書式 $.ajax({ type: リクエストタイプ, url: リクエスト送信先のURL, data: URLのクエリ（パラメータ）, }).done(function(data, textStatus, jqXHR){ // 成功の場合の処理 }).fail(function(jqXHR, textStatus, errorThrown){ // エラーの場合処理 }); ajaxメソッド(成功はdone、失敗はfail)による非同期通信する場合は、 ajaxメソッドを使用します。 具体例(ajaxメソッド(成功はdone、失敗はfail)による非同期通信のサンプルコード) リクエストの送信先のテスト用のPHP １．受け取ったリクエストタイプの判定 ２．ajax通信にて受け取ったパラメータを各変数に代入 ３．このパラメ
Ajax処理とMySQLを使って、ページを更新せずにデータべ―スの読み書き - Qiita
動作の流れ まず今回実現したい動作について説明します。 HTMLのフォームに入力してEnterキーを押す 入力内容をデータベースに挿入 入力内容をHTML要素として挿入 フォームの内容を入力したときのイベント 1のフォームに入力してEnterキーを押したときのイベント処理を考えていきます。 onメソッド セレクタ.on('イベント',関数);とすると、 セレクタで指定したHTML要素に第1引数のイベントが発生したときに、第2引数の関数が実行されます。 セレクタ.イベント(関数);で、 clickイベントなどはonとだいたい同じように使うことができます。 しかし、このようなイベント名のメソッドは、onメソッドと違って、jQueryなどで動的に作成したHTMLタグに対しては動作してくれません。 今回はフォームの内容をリスト上で動的に追加するので、onメソッドで統一しておきます。 changeと
AjaxでもURLを更新して履歴を作れるHTML5のpushState試してみた
AjaxでもURLを更新して履歴を作れるHTML5のpushState試してみた 高速なWebアプリケーションを作成するにはAjaxがなくてはならないものとなりました。AjaxにはURLが更新されず、そのためブラウザの戻るも使用でません。 このような問題を解決するためにHTML5で追加されたのが「pushState」です。 投稿日2011年06月20日 更新日2011年06月20日 pushStateを使用していないサンプル jQueryのloadメソッドを使用したコンテンツ切り替えの簡単なサンプルです。 page1.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>page1</title> <link rel="stylesheet" href="style.css"> <script
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
