Flask + jQuery(ajax)でページ遷移せずにform入力データを送る - Qiita
Flask（PythonのWebフレームワーク）とjQueryのajaxを使って、formの内容を非同期通信で送る方法です。 クライアント側 HTML <form class='ajax_submit' method="post" action="/toPostURL"> <input type="text" name="username"> <input type="text" name="age"> <button>Submit</button> </form> $('.button').on('click', function(){ $.ajax({ url: $(this).parent('form').attr('action'), type: 'post', data: $(this).parent('form').serialize() }); }); serialize()
今サーバサイドJavaScriptが人気の理由：新刊ピックアップ
JavaScriptが歩んだ道のり JavaScriptが1995年に誕生して今年で15年を超えます。誕生当初しばらくはWebブラウザ側でプログラムを実行する補助的な言語としての役割しかありませんでした。ホームページを作成する際に，入力チェックや時刻表示などに利用したことがあるのではないでしょうか？ しかしここ数年JavaScriptの利用法が大きく変わってきています。そして今後新しい可能性に広がっています。 JavaScriptの浮上のきっかけ 長らくサブ的な位置ずけのJavaScriptが一躍見直されるきっかになったのが，皆さんもご存じのAJAXの登場です。AjaxはWebアプリケーションの普及により，Webブラウザ側にリッチなユーザインターフェースを実現したいという解決策の１つとして2000年代中盤に生れたものです。 この非同期制御をJavaScriptで実現したことで，クライアント
XMLHttpRequest.overrideMimeTypeをjQueryで設定する方法 - IkeTの日記
先日作成したUbiquityコマンドの文字化け問題について、id:Lhankor_Mhyさんとid:teramakoさんから貴重なアドバイスをいただきました。 そこで今後に生かす為にも、もう一度おさらいしてみます。 jQueryでoverrideMimeTypeを設定できる 「jQuery.ajax(options)を利用した場合overrideMimeTypeを上書きできない」などと書きましたが全くの誤りでした！ 「MozillaのJavaScriptを開発しているJohn Resigが作るライブラリだから無論、対応済み」と考えるのが筋で、早計な判断でした。私、全然ソースを追えてませんね... Ajaxイベントによる解決方法 まず、１つ目の解決方法はid:Lhankor_Mhyさんから教えていただいたjQuery.ajaxSend(collback)。 jQuery().ajaxSend
UTF-8 ⇔ （ Shift_JIS EUC-JP ） へ文字コード変換時に、環境依存文字が文字化けする - webtrap | PHPをメインにしたプログラムを組む上で見つけたトラップ集
AjaxでSELECTの値を変更してる際に引っかかった 罠。 Ajaxでの通信はUTF-8でやるもんだと考えているので、 なにも気にせず $str = mb_convert_encoding( $str, "UTF-8","EUC-JP"); で変換して出力。 結果、環境依存文字（ⅠⅡⅢ など）が文字化けしてしまった。 SJIS,EUCの独自拡張文字というのかな？ どうやらコードがUTF-8に存在しないらしい。 ■対処方法は、SJIS-win,eucJP-win にすればいいようだ。 ※IBM拡張文字（郄 硃 など）はどうがんばっても解決できなかった。 プログラム自体がEUC-JPだと表示をUTF-8とかにしてもダメかもしれない。 プログラム EUC-JP <? $str = 'あⅢ郄「硃」「絁」'; //$str = 'あⅢ'; header("Content-type: text/ht
pjax こそが pushState + Ajax の本命 - punitan (a.k.a. punytan) のメモ
pjaxの前にpushStateとは AjaxとjQueryの説明は不要として、pushStateとはなんぞや。 pushStateを使ってブラウザの履歴に対する操作をし、HTMLの一部のみを書き換える動作でもブラウザの戻る／進む機能を実現できる方法のひとつ。Ajaxなページを再現し、かつURLを見慣れた方法で自然にpermalinkを表現できる。 有名なところではGitHubで使われてるアレ。 hash fragment (/#!/) ブラウザの履歴を機能させるため、URL の fragment (#) を使ってAjaxなページを実現する方法。一時期もてはやされた感があるが、さらなる「#!」URL批判 - karasuyamatenguの日記 など合理的な反論があり、これから導入するのはためらわれるところ。 有名なところではTwitterで使われているあの厄介者。 pjaxとは pjax
さらなる「#!」URL批判 - karasuyamatenguの日記
このブログはlifehackerを含むgawkerメディア系サイトの#!URLへの移行を批判している。 http://isolani.co.uk/blog/javascript/BreakingTheWebWithHashBangs/ 以下、isolaniとテングの見解をごっちゃ混ぜに紹介する。 lifehacker他のgawkerメディアサイトが数日前に長時間におよびアクセス不能になった。(厳密に言うとページ内のコンテンツアクセス不能になった) #!URLベースのサイトはJavaScriptにエラーがあるとコンテンツが一切ロードせずのっぺらぼう状態になってしまうようだ。 #!について 「#!」は何で呼ぶの？ shebangと綴られる。 Hash=# Bang=!の略 発音すると「シバン」といったところか。(ちなみにUnixの#!とは無関係) 以下「#URL」は： サイト内のロケーション情
XMLHttpRequest()
目次 概要 XMLHttpRequest() ActiveXObject(ProgID : String [, location : String]) キャッシュ制御 クロスドメイン制限 XMLHttpRequest Level 2 サンプルコード 参考URL 概要 JavaScriptの非同期通信に利用される XMLHttpRequest() の解説まとめ。Ajax と呼ばれることもあります。 XMLHttpRequest() // --- XMLHttpRequest if (!'XMLHttpRequest' in this) { this.XMLHttpRequest = (function () { var i, l; for (i = 0, l = arguments.length; i < l; i++) { try { return arguments[i]; } catc
Ajax - Goodbye, JSONP. Hello, Access-Control-Allow-Origin : 404 Blog Not Found
2010年08月17日06:45 カテゴリLightweight Languages Ajax - Goodbye, JSONP. Hello, Access-Control-Allow-Origin もうそろそろJSONPとはお別れできるのではないかと思い立ったので。 XMLHttpRequestとその問題 AjaxといえばXHRの愛称で親しまれているXMLHttpRequestですが、これには一つ重大な欠点がありました。 これを発行するDHTMLページのドメインが、Request先のドメインと一致する必要があったのです。いわゆる Same Origin Policy というやつです。おかげでサイトをまたがって使えなかったのです。これではマッシュアップできない。どうしよう。 JSONPとその問題 そこで生まれたのが、JSONPという手法です。 これは、scriptノードを追加した時に、単
第1回 WebSocket登場までの歴史 | gihyo.jp
はじめに 初めまして。NTTアドバンステクノロジの金城と申します。幸運にも記事を執筆させていただけることになりました。WebSocketという新しいウェブの規格についての連載を、全4回の予定でお届けします。 用語統一について WebSocketは「WebSocket」「WebSockets」、単語を切り離した「Web Socket」等、表記に揺れがあります。2009年12月22日のワーキングドラフトのタイトルは「The Web Sockets API」となっていますが、2010年4月26日のエディターズドラフトでは「The WebSocket API」となっています。この連載では、最新の仕様書に則り、用語を「WebSocket」で統一します。 HTML5とWebSocketの関係 WebSocketは、もともとHTML5の一機能として仕様の策定が進められていました。しかし、Web S
jQuery入門 (ver 1.2.6)
このページはAjaxライブラリの1つであるjQueryライブラリを勉強したい人向けに用意されています。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。 jQueryはバージョンによってメソッドが異なるため、バージョン別に入門ページを用意してあります。ここでは、バージョン1.2.6を基準としています。 Ajaxライブラリ (JavaScriptライブラリ) としてはPrototypeライブラリ (prototype.js) が有名です。Prototypeライブラリはプログラマに多く利用されており、JavaScriptの機能を拡張することで使いやすくなるように設計されています。jQueryはエレメントへのアクセスをスタイルシートと同じようにすることで非常に分かりやすくコンパクトな記述ができるようになっています。
ASP.NET開発者のためのVisual Studio 2010新機能（3/3） - ＠IT
特集：ASP.NET 4概説（前編） ASP.NET開発者のためのVisual Studio 2010新機能 山田 祥寛 2010/06/30 ■クライアントサイド開発の変更点 前述したように、近年、クライアントサイド開発の重要性はいや増している。以下ではクライアントサイド開発に直接かかわる変更点をまとめた。 ただし、ASP.NET 4におけるそのほかの新機能も、多くが実はクライアントサイド開発を強く意識している。その視点で新機能を概観してみると、ASP.NET 4の特性がよりくっきりと見えてくるはずだ。 ●オープンソース・ライブラリjQueryに一層のコミット クライアントサイド開発のアプローチについては、（マイクロソフトの）当初の予定からやや複雑に推移しているので、経緯をまとめておきたい。 「ASP.NETプログラマーのためのjQuery入門」でも触れたように、2008年9月からマイク
jQuery - Wikipedia
jQuery（ジェイクエリー）は、ウェブブラウザ用のJavaScriptコードをより容易に記述できるようにするために設計されたJavaScriptライブラリである。ジョン・レシグが、2006年1月に開催された BarCamp NYC でリリースした。様々な場面で活用されており、JavaScriptライブラリのデファクトスタンダードと呼ぶ者もいる[2]。ロゴの下に表記されているキャッチコピーは「write less, do more」（「少ない記述で、もっと多くのことをする」の意）。 機能・特徴[編集] jQueryには次のような機能・特徴がある。 ブラウザに依存しないオープンソースのセレクタエンジン Sizzle を使ったDOMエレメントの選択（Sizzle は jQuery プロジェクトからスピンアウト）[3] DOM操作と変更（CSS 1-3 と基本的なXPathのサポートを含む） イ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
throw Life - WUrl - Dashboard WidgetでURL上のファイルを読み込むプラグイン -
IBM Developer
IBM Developer
Main Page - Ajax Patterns
jQueryを使ってTwitterをおいしくマッシュアップ （1/4） ─ ＠IT
はじめてのjQuery
ASP.NET AJAXの暗い将来