jQuery で POST 送信をすることができるメソッドに ajax と post があります。その 2 つのメソッドを用いた簡単なサンプルコードです。それぞれ post.php に POST 送信を行い、レスポンスをアラートで表示します。 まずは post メソッドの使用例です。 post.html <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(function(){ $('#sw').click( function(){ $.post( 'post.php', { 'pd': 'こんにちは' }, function(data){ alert(data); } ); } ); }); </script> </head> <b
アプリケーションプログラムの制作でどこに多くの時間を費やすか、と言ったら、ユーザインタフェースである、と答える人は自分も含めて多いと思う。 スタンドアロンからWebアプリケーションになってもそれは変わらず、リッチクライアントとか呼ばれて、「なかなか楽にならんなぁ」と思う限りだ。それで も、CakePHPを利用することで開発スピードは劇的に上がっている、と感じている。 さて、データを投入する際に少しでも利用者の負担を減らすため、セレクト要素の選択機能は極めてよく使う。そうすると次に、グループを選択することでグループに属する集合を変更したくなる。 ここでは表題通りで、グループを会社の部署やプロジェクトチームとし、グループを選択した後、そのグループに所属するユーザを選択する際に、Ajaxを利用してユーザの集合を入替える機能を実現する。 データについて グループテーブルを「groups」とし、ユー
最新情報!!!! 新しく修正した記事書きました!!! cakePHP+JQueryでajaxを使ってFormの内容をPOSTしてみた。その3(修正版) cakePHP使っているんでAjaxだろうがpostしたときは$this->dataで受け取りたいなーとか思ってました。 data[Post][title]とかいうformの名前にしておけばいいといえばいいけど、Securityコンポーネントつかっているとだめだよねって話になりますよね。 んで、いちいち全部のinputタグのIDからデータとってくるのとかめんどいなーと悩んだ訳ですが・・・ よく考えたら、formのデータを全部もってくればいいってことに気づきました。 ってことでこんな感じに書いてみました。 <?php $this->Html->scriptStart(array('inline' => false))?> $(function
以前、Ajax通信で結果を出力する際XMLデータだったので、Content-Typeを「application/xml」か「text /xml」にしようと、RequestHandlerのメソッド(setContent)をいろいろ試したのだが、いつも「text/html */*」となり、なかなか思うように出力できなかった。あの時は、クライアント側で支障なく利用できたので、放り出してしまった。 今回、クライアント側のJavaScriptで扱いやすいように、JSONでデータを出力することにしたので、前回クリアできなかったハードルに再 挑戦することとなった。と言っても、CakePHPについは世界中で多くの情報が公開されているため、作業は検索と動作チェックだけだったけど (^_^;)。 お題は、「ユーザ番号をAjaxのGETで渡し、DBのユーザ情報をJSONで出力する」という、簡単なお話し。クライア
いつ出るか、いつ出るかと待ち遠しかったがついに登場した! Mac OSXのインタフェースが優れていることは大多数の人が認めるだろう。Windowsには感じられない、エレガントなインタフェースはMac OSXやiPhoneなどで活躍している。あのインタフェースをWebブラウザ上で実現できたらどれだけ良いだろう。 サンプルアプリケーションのflickrビューワー Ajaxを使ったGmailをはじめて触ったときのあの驚きを再び感じさせてくれるのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはCappuccino、Webブラウザ上でCocoa風インタフェースを実現するアプリケーションフレームワークだ。 Webベースでありながら、JavaScriptを記述する必要はない。Objective-Cに似た、Objective-Jというプログラム言語で記述して、それをWebブラウザ向けにJ
Ajax開発支援ツールをまとめておきます。 | コーディング | ブラウザ | テスト | デザイン | JSツール | 画像 | リファレンス | | チートシート | JSお勉強 | リンク | 編集履歴 | ・コーディング支援ツール ↑TOP aptana eclipseのプラグインのJS,CSS,HTML,XML,PHP,AIR等のエディタ コード補完機能やJavaScriptのクラスの階層表示もサポート 解説記事1 ,解説記事2,正式版情報 JSEclipse Adobe提供のecliseプラグイン。こちらも参照 コード補完機能や、オープンソースライブラリもサポート Spket IDE eclipseプラグインのJavaScript,XMLエディタ XUL/XBL,SVG,Lzszlo,Yahoo! Widgetをサポート Googlipse Google Web Tookit用
Indicator type : Background color : # Transparent background Foreground color : # Create easily your own ajax loader icon : Select the type of indicator you want Enter the background code color you want (tick "Transparent background" if you don't want one Enter the foreground code color you want Press "Generate it"
このページはAdobeシステムズのAjaxフレームワークであるSpryに関するサンプルを用意しています。Spryはバージョンアップにより機能が追加されることが多くあり、また場合によっては仕様変更が行われることもあります。このページではSpryのバージョンに合わせたサンプルを用意していますが、今後、バージョンがあがった場合には、このページに掲載しているサンプルが動作しなくなる可能性があります。あらかじめ、ご了承ください。また、取り扱っている文字コードは特別な記述がない限りUTF-8となっています。掲載しているサンプルではUTF-8のBOM (Byte Order Mark) を付加してあります。BOMが付加できない場合にはSafari 2で文字化けすることがありますが、その場合にはKawa.netのサイトにある文字コード変換スクリプトを使用してSafari 2で文字化けしないようにしてくださ
Prototype.jsやscript.aculo.us、jQueryなどのJavaScriptライブラリがあるお陰で、AjaxやJavaScriptを駆使したWebアプリケーションが容易に作成できるようになっている。が、まだまだGUIアプリケーション並みとはいかないのが現状だ。 サンプルアプリケーションを開いているところ それを打破できるかも知れないソフトウェアを紹介しよう。Webアプリケーション開発者皆さんにおすすめだ。 今回紹介するオープンソース・ソフトウェアはWaveMaker Visual Ajax Studio、Ajax開発向けIDE(統合開発環境)だ。 WaveMaker Visual Ajax StudioはJavaベースのソフトウェアで、Tomcatを使っている。起動後、localhost:8094でサービスが立ち上がる。ブラウザベースで動作するが、これはまさにIDEのW
Google Web Toolkitとは? 最近、耳にすることの多くなった「Ajax」。これは、主にJavaScriptを使ってサーバに非同期通信することにより、リアルタイムな応答のできるWebアプリケーションを作成する技術です。このAjaxのすばらしさをもっとも実感できるのが、「Google」でしょう。「Google Map」によるリアルタイムにドラッグ可能な地図などは、かなりの衝撃を人々に与えました。 このAjax、非常に注目されている割には、実際にAjaxで開発しているという人があまりいないように感じませんか? これには理由があります。Ajax開発は、とても面倒なのです。正直にいって、多くの開発者は「JavaScriptで本格的なプログラミングをする」ということに慣れていません。何しろ、サーバ開発といえば「サーバで動くプログラムを書く」ことだったのですから。それが「処理の大半はブラウ
Submitted by criecke on Sun, 04/08/2007 - 00:05.
オラクルスペシャリストが語る! 多くの企業で利用されるオラクルDBの課題 アセスメントの重要性とコスト最適化 ライバル同士がタッグを組む理由 マイクロソフトとヴイエムウェアが連携し パブリッククラウドへの移行を支援 セキュリティモデルは変わった! クラウド活用、リモートワークはあたりまえ いま求められるゼロトラスト実現のために ビジネスの推進には必須! ZDNet×マイクロソフトが贈る特別企画 今、必要な戦略的セキュリティとガバナンス 結果に差がつくウェビナーへの投資 デジタル営業時代における見込み顧客獲得へ ウェビナーの運用・集客・フォローの最適化 IT部門のDXはこれだ! IT運用管理新時代における最適な運用管理 の現場作り RPAによる自動化を年30万で実現 小さな投資が目に見える大きな効果に! デジタル化によるわかりやすい業務効率向上 身近な改善の第一歩! ニューノーマルな働き方を
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く