Ajaxから始まった一つの時代の終わり
最近の流れを見ていての感想文なので、ideaとして投稿します。筆者のバックグラウンドとしては、Remixの商業記事を書いたり、App Routerの商業記事を書いたりしている人です。 さて、筆者は2022年の秋から、社内システムではありますがRemixをプロダクション運用しています。また、Next.jsのApp Routerについても、パラダイムとしてはRemixにインスパイアされた部分が多い[1]おかげで、順調にキャッチアップできています。 RemixとApp Routerは、ルーティングとデータフェッチを高度に統合しており、Progressively Enhanced SPA（PESPA）と呼ばれることもあるそうです。PESPAについては、次の記事が話題になりましたね。 このPESPAであるRemixを実運用する中で、フレームワークの手触りが近年触ってきたものと大きく違っている点があっ
XMLHttpRequest とはなんだったのか | blog.jxck.io
Intro Fetch API の実装が広まり、 IE もリタイアを迎えたことで、今後忘れ去られていくことになるだろう XMLHttpRequest について。 どのように始まり、どのように広まり、どのように使われなくなっていくのか。その間に残した多大な功績を残す。 XMLHttpRequest の始まり この名前は非常に長いため、通常 XHR と略される。 この API は、現在の Web API のように W3C/WHATWG による標準化を経て策定された API ではない。 Microsoft によるいわゆる独自実装の API として始まり、後追いで標準化される。 したがって、 Web API の中でもかなり異質な命名である XHR が、 XmlHttpRequest でも XMLHTTPRequest でもなく XMLHttpRequest である理由も、 Microsoft の命
【PHP】JSONでPOSTされた値の取り出し方。file_get_contents("php://input") するようだ。 - Qiita
【PHP】JSONでPOSTされた値の取り出し方。file_get_contents("php://input") するようだ。PHP $_POSTには何もなかった... るんるん気分で普通にクライアント側からAjaxしてPHPにJSONをPOSTしました。いつも通りに。 しかし、$_POSTには何も入っていませんでした...array(0)みたいな。 公式に明記されていましたが、残念ながらPHPではPOSTデータを$_POSTで受け取れるのは「application/x-www-form-urlencoded」又は「multipart/form-data」のみとのこと。 Content-Type に application/x-www-form-urlencoded あるいは multipart/form-data を用いた HTTP リクエストで、 HTTP POST メソッドから現在
フロントエンドとバックエンドのリアルタイム通信の選択肢を教えて下さい - Qiita
これは「コードを書いていて困ったときに、suinがチャットで質問に答えたり相談に乗るsuinのプログラミング相談室(仮)」で頂いた質問と僕の回答の要約です。 質問 フロントエンドとバックエンドのリアルタイム通信の選択肢を教えて下さい。その長所短所も知りたいです。 僕の回答 こんにちは。 フロントエンドとバックエンドのリアルタイム通信の選択肢についての質問ですね。 通信方法の選択肢についてご回答します。 1. AJAXポーリング この方式は、GETリクエストなどをAJAXで数秒間隔などでバックエンドに投げ、もしレスポンスのデータに変化があったら、それをフロントエンドに反映するという手法です。 ポーリングの長所は、AJAXが分かれば他に学ぶことがないという点です。実装もかんたんです。また、バックエンドのサーバやプログラミング言語の選択肢も広いです。 短所は、無駄な通信が発生しうるということです
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.ajax()のJSONやJSONP取得で200 OKなのにエラーになる件のまとめ
jQuery.ajax()のJSONやJSONP取得で、200 OKにもかかわらずエラーになる件についてまとめました。 １．問題点 次のようなJSONデータを読み込むスクリプトを書きました。 JSONデータ {'foo':'bar'} スクリプト <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> <script> $(function(){ $.ajax({ url: "sample.json", dataType: 'json', }) .done(function(data) { console.log("OK"); }) .fail(function(xhr, textStatus, errorThrown) { console.log("NG:" + xh
Access-Control-Allow-Origin試してみた。その２ - ミルク色の手紙
前回めでたくクロスドメインからレスポンスもらえるようになったけど、Cookieが送れなかった件。 参考をよーく見直してみたら、なんかCookieセットできそうな文章を発見。で、再度お試し。 RPC側を次のように修正。Access-Control-Allow-Credentialsヘッダーを追加する。 <?php header('Access-Control-Allow-Origin:http://localhost'); header('Access-Control-Allow-Credentials:true'); header('Content-Type:text/plain;charset=UTF-8'); $msg = ' World'; if(isset($_COOKIE['_test_'])) { $msg = ' Again'; } else { setcookie('_te
d3.jsを利用してはてなブックマークの新着記事を表示したい
はてなブックマークエントリー情報取得APIのJSONP対応 質問に挙げられているAPIに関してはJSONPでの取得方法が説明されています。 またhttp://b.hatena.ne.jp/entry/json/に対し、以下のクエリーパラメータを GET リクエストで送信することで、JSONP によるコールバック関数で囲まれたJSONデータを取得することができます。 (以下略) JSONPの使い方が分からない場合はトライしてつまずいた所に絞って、また質問するとよいと思います。 下記は高速版(/entry/jsonlite/)でこのサイトのブックマークを取得する例です。 <div><p>はてなブックマーク:</p> <pre id="hatena_bkm"></pre> </div> <script> "use strict"; function my_hatena_bkm_callback(
javascriptでクロスドメインを越える - Qiita
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.colorbox/1.6.4/jquery.colorbox-min.js"></script> <!-- <script type="text/javascript" src="https://raw.githubusercontent.com/padolsey-archive/jquery.fn/master/cross-domain-ajax/jquery.xdomainajax.js"></script> --> <script type="text/javascript" src="https://rawgit.com/padolsey-archive/jquery.fn/master/cross-domain-aja
jQueryを良くする25のTIPS
jQueryを良くする25のTIPS ネタ元：Improve your jQuery - 25 excellent tips ちょっと多いですが、かなり良いTIPSがまとまっています。 Google AJAX Libraries APIを利用しよう Google AJAX Libraries APIを活用すればすばやくライブラリを読み込むことが出来ます。 <script src="http://www.google.com/jsapi"></script> <script type="text/javascript"> // Load jQuery google.load("jquery", "1.2.6"); google.setOnLoadCallback(function() { // Your code goes here. }); </script> 直接読み込むことも出来ます。
AjaxでStar Ratingをする際に使えるプラグインいろいろ | Web活メモ帳
jQueryでStar Ratingを作る際に使えるプラグインをまとめてみました。 PHPのソースもセットになっているものなど色々あります。 jRating デモ 星にマウスオーバーすると、どのくらいのレイティングかが吹き出しが表示されるようになります。クリック時にデータを取得するPHPのソース付き。 Star Rating System デモ PHPとMySQLを使用します。 JavaScriptが無効の場合でも動作するように設計されているので、業務系でも使えそうです。 Ajax star rating script 星５つで0〜100を表現できるスクリプト。 %で値を表示したい場合に便利です。 Control Suite 星ではなく、マルで表示するタイプ。 画面中央あたりにあるRatingというタブからデモが確認できます。 PHP / MySQL Ajax Star Rating Sc
ajaxで簡単ファイルアップロードが可能なjQueryプラグイン「jQuery.upload」:phpspot開発日誌
jQuery.upload: A simple ajax file upload plugin ajaxで簡単ファイルアップロードが可能なjQueryプラグイン「jQuery.upload」 同じページ内に生成したiframeへデータをPOSTすることで、非同期にファイルをアップロードが可能にするものです。 ファイルを選択すると即時にアップロードが開始するのが特徴 アップロードを完了すると次のように、ファイル名・サイズといったファイル情報が表示されるデモが公開されています。 ファイルアップロードを頻繁に行うようなケースにおいて、便利に使えるインタフェースが組み込めそうですね。 関連エントリ ajaxファイルアップロードに使えるjQueryプラグインいろいろ PHPでファイルアップロードの処理を超簡単にするクラス例「EasyUp」 ファイルアップロードの際に便利なFlash/JavaScri
jQuery UI - Home
jQuery UI provides abstractions for low-level interaction and animation, advanced effects and high-level, themeable widgets, built on top of the jQuery JavaScript Library, that you can use to build highly interactive web applications. Rich effects and UI widgets jQuery UI features low-level effect and interaction API's as well as full-featured and highly configurable ready-to-use widgets. Suppor
The jQuery Style - Awesome sites built with jQuery
Working with hugedomains.com was a quick and easy process. We got to speak to multiple real people located in Colorado without having to wait on hold! Our only complaint was we felt we had to overpay more than this particular domain was worth, and we weren't able to negotiate it down to a level that we felt was fair. However, payment and delivery were seamless, and within a few hours we had all of
tech-manual.org
tech-manual.org aims to provide to ease of use of API documents, reference manuals and help for any programming languages and libraries.tech-manual.org aims to provide to ease of use of API documents, reference manuals and help for any programming languages and libraries.
Relay: Ajax Directory Manager
Are you fed up with that lame old directory manager your hosting company provided you with for you website or blog? If you are already familiar with windows or mac file browsers, why should you have to change the way you work for the web? Try Relay for a change. drag-n-drop files and folders dynamic loading file structure upload progress bar thumbnail view, including pdf multiple users & accou
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://unskilled.site/wordpress%E3%81%A7%E4%BD%BF%E3%81%A3%E3%81%A6%E3%81%BF%E3%82%8Bajax%E3%81%AE%E5%9F%BA%E6%9C%AC/
http://bryton.hu/AppStore/
MODx 日本公式サイト｜トップページ
JS Bin
