サーバファイルアクセス：XMLHttpRequestを使う
<html> <head> <meta http-equiv="content-type" content="text/html;charset=shift_jis"> <title>XMLHttpRequest()の基本</title> <script type="text/javascript"><!-- function loadTextFile() { httpObj = new XMLHttpRequest(); httpObj.onload = displayData; httpObj.open("GET","data.txt",true); httpObj.send(null); } function displayData() { document.ajaxForm.result.value = httpObj.responseText; } // --></script>
XMLHttpRequest の使用 - Web API | MDN
このガイドでは、ウェブサイトとサーバーの間でデータ交換をするために、 XMLHttpRequest を使用して HTTP リクエストを発行する方法を紹介します。 XMLHttpRequest のよくある使用例やもっと分かりにくい使用例も含まれています。 HTTP リクエストを送るには、 XMLHttpRequest オブジェクトを作成し、 URL を開き、 リクエストを送信します。 トランザクションが完了すると、オブジェクトには結果の HTTP ステータスコードやレスポンスの本文などの有益な情報が格納されます。 function reqListener() { console.log(this.responseText); } const req = new XMLHttpRequest(); req.addEventListener("load", reqListener); req.o
AJAX Send an XMLHttpRequest To a Server
The XMLHttpRequest object is used to exchange data with a server. Send a Request To a Server To send a request to a server, we use the open() and send() methods of the XMLHttpRequest object:
Ajaxを使った非同期通信
Ajax とは Asynchronous JavaScript + XML の略で、 Web サーバーとブラウザとの間で非同期通信を行う方法です。 Ajax の方法を利用することで、ページを切り替えることなくページの内容を書き換えることができるようになります。 JavaScript では Aax を用いた非同期通信には XMLHttpRequest オブジェクトを使用します。ここでは Ajax を使った非同期通信を行う方法について解説します。
XMLHttpRequestオブジェクトを使った非同期通信を行う
XMLHttpRequest オブジェクトを使用することで Ajax を使った非同期通信を行うことができます。ここでは Ajax による非同期通信を行うために XMLHttpRequest オブジェクトの作成し、サーバへリクエストを送信したあと、サーバからレスポンスを受信するまでの方法について解説します。
解説 : XMLHttpRequest
XMLHttpRequest を使用出来るようにする為の宣言。ブラウザにより異なる。 IE では、ActiveXObject("Microsoft.XMLHTTP") を使用。 IE のバージョンによっては、ActiveXObject("Msxml2.XMLHTTP.5.0") , ActiveXObject("Msxml2.XMLHTTP.4.0") , ActiveXObject("Msxml2.XMLHTTP.3.0") , ActiveXObject("Msxml2.XMLHTTP") なども使用出来る。 Mozilla 系ブラウザでは、XMLHttpRequest() を使用。 var xmlhttp = false; if(typeof ActiveXObject != "undefined"){ try { xmlhttp = new ActiveXObject("Micro
%25E3%2581%25AE%25E4%25BD%25BF%25E3%2581%2584%25E6%2596%25B9)
XMLHttpRequest()の使い方 - とみぞーノート
概要 Javascriptでサーバーとの通信を行なうためのメソッド。 クライアント→サーバーへGET/POSTメソッドでRequestを出し、サーバーからはXMLドキュメントを受け取る。非同期通信が可能でRequestを送信してResponseが返るのを待つことなく別の処理を行なうことができる。 クライアント サーバー | GET/POST | |------------>| |(*1) | Requestを処理 | | |<------------| XMLドキュメントで応答を返す | XML | | | (*1) 非同期通信を行なっていれば、ここでサーバーからの 応答(XMLドキュメントを待つことなく別の処理を行なえる。 XMLHttpRequestオブジェクトの生成 IEと非IEでオブジェクトの生成方法が異なる。 ◎ IE try { req = new ActiveXObject(
Modern Syntax
あと番組中では取り上げなかったんですけど、昨日Netflixで「死霊のはらわた ライジング」というのを観たのですが、これがなかなかよいスプラッターホラーでした。血がドバドバ出るのは苦手、という人にはまったくお勧めしませんが、最近のホラー映画はいまいちと思っている人は是非観てみてください（ちなみに私はホラー映画ファンです）。 さて、モダシンラジオのデータをホスティングしてもらっているSpotify for Podcasters(旧Anchor）の私のページはこちらです。 https://podcasters.spotify.com/pod/show/kazuyoshi-nagasawa このSpotify for PodcastersページのRSSは以下になります。こちらのRSSではenclosureタグなどでlength値などがしっかり入っているのでこれを購読しておくとよいかと思います。
クライアント側の送受信の処理を実装する - WebSocketのサンプル - HTML5 JavaScript API入門
クライアント側の送受信の処理を実装するには？ クライアント側の送受信の処理を実装するには？解説 クライアント側の実装は、WebSocketオブジェクトを利用します。 WebSocketオブジェクトはコンストラクター「WebSocket(url,[protocol])」でインスタンス化します。引数urlは接続先のurlで通常は「ws://」スキーム、暗号化されたセキュアな通信の場合は「wss://」スキームで始まる文字列です。 サーバーからのデータの受信はonmessageイベントハンドラを実装します。送信されてきたデータはハンドラのevent引数のdata属性で取得します。 サーバーへのデータの送信は「send(data)」メソッドを使用します。「send(data)」の呼び出しは、データを送信待ち行列に追加し、送信の完了や応答は待ちません。 // infoは情報表示用のdiv要素 var
WebSocketでバイナリを送受信してみた - ミルク色の手紙
Firefox11になってとっくにWebSocketのベンダープレフィックスとれてたし、 バイナリデータの送受信の辺りがどうなってるか確認してみた。 確認したブラウザはFirefox11.0とGoogle Chrome18.0.1025.162。 サーバ側 node.jsで実装する。 httpサーバ用にconnectを使って、WebSocketサーバはWebSocket-Nodeを使う。 それぞれnpm install connect、npm install websocketでモジュール入れる。 サーバ側のコードは次の通り。 // http server var connect = require('connect'); var httpServer = connect() .use(connect.static(__dirname + '/webroot')) .listen(1234
とほほのCookie入門 - とほほのWWW入門
Cookieの概要 Cookie情報が保存されるファイル Cookieの実行例 Cookieの設定 Cookieの書き込み Cookie書き込みの例 Cookieの読み込み エンコードとデコード Cookieに関するQ&A Cookieの語源は何ですか？ Cookieで複数の値を設定するには？ Cookieを削除するには？ Cookieの有効期限を無期限にするには？ path=/ とすると、そのサーバー上のすべてのファイルに対して送信されるの？ Cookieをフォルダ単位ではなく、ファイル単位に設定することはできますか？ escape()でエンコードされたUnicodeをCGIでシフトJISにデコードするには？ Cookieの概要 Cookie とは、以下のようなことを実現するための機構です。 訪問者がそのページに何回訪れたか記録して表示する。 通常モード、フレームモードなど、訪問者の好み
stitchapps.com - stitchapps リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
jQuery plugin for Twitter OAuth via popup window (Facebook style)
Disqus and some applications are using Twitter OAuth, but their user flow is not sequential single window process. A child window comes up, then it shows twitter.com and user can click Deny/Allow through that popup. When the user hits the deny or allow button, the popup will be closed immediately and the parent window will be reloaded. I couldn’t find a jQuery plugin for that, so wrote a tiny one.
jQuery Zoom
A plugin to enlarge images on touch, click, or mouseover. Demo Hover Grab Released under the MIT License, source on Github (changelog) Download Compatible with: jQuery 1.7+ in Chrome, Firefox, Safari, Opera, Internet Explorer 7+. Install via NPM npm install jquery-zoom Instructions Zoom appends html inside the element it is assigned to, so that element has to be able to accept html, like <a>, <spa
Cakhia | Link Xem Trực Tiếp Bóng Đá Cakhia Tv - Hd Mượt Mà Blv
Giới thiệu website CAKHIA - trang web bóng đá trực tuyến số một Bạn đang tìm địa điểm tốt nhất để thưởng thức các trận bóng đá trực tuyến? Đừng chần chừ và hãy nhanh chóng ghé qua Cakhia. Trang web sẽ cung cấp cho bạn mọi thông tin bạn muốn và là nơi giải trí tuyệt vời thoả mãn tất cả đam mê bóng đá của bạn. Dù bạn muốn xem lại bất kỳ trận bóng đá mới nhất hay là những khoảnh khắc lịch sử, Cakhia
Craftyslide - A tiny jQuery slideshow plugin
Craftyslide is a tiny (just 2kb) slideshow built on jQuery. Craftyslide aims to be different, by providing a simple, no-frills method of displaying images; packaged into a small, clean and efficient plugin. Docs Download Why Craftyslide? Craftyslide was created first and foremost as an experiment, but secondly out of frustration with many plugins being written today. I found many slideshow plugins
Animated Responsive Image Grid | Codrops
A jQuery plugin for creating a responsive image grid that will switch images using different animations and timings. This can work nicely as a background or decorative element of a website since we can randomize the appearance of new images and their transitions. Today we want to share a jQuery plugin for creating a responsive image grid with you. The idea is to have a list of images and define th
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Using POST method in XMLHTTPRequest(Ajax)
Good night, Posterous
Adaptor :: jQuery content slider