約 2,903,318 件
https://w.atwiki.jp/suffix/pages/1118.html
Server-Sent Eventsにより、クライアントとサーバ側の通信を行うことが出来る。 サーバ側の状態変化をクライアントが受け取る形式。 /*クライアント側*/ html head meta http-equiv="Content-Type" content="text/html; charset=shift_jis" link rel="stylesheet" href="test.css" type="text/css" script type="text/javascript" language="javascript" function sample() { var event_source = window.EventSource || window.MozEventSource; if(event_source){ // -Server-Sent Eventsへの対応状況確認 server_event = new EventSource("test2.php"); // -サーバ側ファイル名を指定する server_event.onmessage = function(event) { //onmessageに関数を追加することで、サーバからのメッセージを受け取った動作を記述 var data = event.data; alert(data); }; server_event.onerror = function(event) { server_event.close(); }; } else { alert("Server-Sent Events非対応です"); } } //-- /script /head body input type="button" value="押して" onClick="sample();" br br /body /html /*サーバ側*/ ?php header( Content-Type text/event-stream ); header( Cache-Control no-cache ); $test_message = "testです。"; echo "data ".$test_message; //event とするとevent名をつけられる。 ? 参考: http //libro.tuyano.com/index3?id=872003 http //uhyohyohyo.sakura.ne.jp/javascript/13_2.html
https://w.atwiki.jp/suffix/pages/277.html
javascript側 form onsubmit ="XMLHttpRequestオブジェクトを作成する関数" input type ="text" name ="sample" ※1 input type ="submit" value="送信" /form function createHttpRequest(){ if(window.XMLHttpRequest){ return new XMLHttpRequest(); } else if(window.ActiveObject){ try{ return new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch (e2) { return null; } } } function XMLHttpRequestオブジェクトを作成する関数(){ var request = createHttpRequest(); request.open("GETやPOST等の指定",URL,同期非同期); request.setRequestHeader( Content-type , application/x-www-form-urlencoded ); request.onreadystatechange = function(){ ※2 if(request.readyState==4){ ※3 読み込んだときの処理を記述。コールバック関数を指定するなど。 } } request.send(データ); ※4 } ※1 結果反映用テキスト。 xmlhttprequestでは$_POST["sample"]には値入らず。 $_POST["sample"]に値として入れるには、request.send(データ)の部分に変数a="値" 変数b="値"という形で送る必要がある。 詳しくは、http //detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1411752859参照。 ※2 readystatechange以外にも以下のようなものがある。 onloadstart, onerror, onabort, onload, onprogress, ontimeout, onloadend ※3 readyStateの4(DONE)とready.statusの200はよく使うので覚えておこう。 ※4 何も送らない場合はrequest.send("")またはrequest.send(null) php側 $phpで使用する変数 = $_POST[ sample ]; ※1 何らかの処理 echo "{ 連想名 $result}";等 ※2 ※1 $_はスーパーグローバル変数と言い、javascript側でGETやPOST指定で送った変数を受け取れる。 ※2 echoを使って結果を書き出すことで、JSON形式での結果がresponseTextとかに返るのでやりやすい。本例はphpだが、サーバー側に選ぶプログラミング言語やフレームワークによって変わってくる。例えば、node.jsならexpresstとかのモジュールを読み込んで、res.send("hoge")。javaならServlet等をextendsし、レスポンスを書き込む等。 参考: http //uhyohyohyo.sakura.ne.jp/javascript/13_1.html http //www.w3.org/TR/XMLHttpRequest2/#interface-xmlhttprequest
https://w.atwiki.jp/r1025/pages/54.html
ブラウザの「戻る」ボタンを使用しても強制的に再読み込みせる方法 ①AページはDBを使用 ↓ ②遷移した先のBページでDBを更新 ↓ ③ブラウザの「戻る」ボタンで前のAページ(①)に戻る この操作をした場合、③の「戻る」ボタンだとブラウザは キャッシュを表示してしまう。 更新したデータを表示させたい。 history.pushState("", "", ""); addEventListener("popstate", function(){ location.href = document.referrer; }); ↑これを②のBページに入れておけば、戻るボタンでAページへ 行っても更新されたデータが表示される。 ただ、②のBページから①のAページへ「進む」処理になるから 履歴には残る。 Firefox16 → OK Chrome32 → NG(Bページへ行くと、戻るボタンを押さないのにAページへ戻ってしまう。データは更新されるが...) IE9 → NG(③のAページのデータが更新されない) トータル: - /今日: - /昨日: -
https://w.atwiki.jp/m_shige1979/pages/1192.html
文字列 概要 シングル、ダブルクォートの文字列連結に加えて、ヒアドキュメントの記述が可能 シングルクォーテーションによるサンプル CoffeeScript # 文字列設定 str = # 1行の連結 str += 1行データ # 複数行の設定 str += 行データ1 行データ2 # 変数設定 a = test data # 変数を展開できるかチェック str += + #{a} # セレクタでエレメントを取得 sample = document.querySelector("#sample") # パラメータ連結 sample.innerHTML = str javascript // Generated by CoffeeScript 1.3.3 var a, sample, str; str = ; str += 1行データ ; str += \ 行データ1\ 行データ2\ ; a = test data ; str += + #{a} ; sample = document.querySelector("#sample"); sample.innerHTML = str; ダブルクォーテーションによるサンプル CoffeeScript # 文字列設定 str = "" # 1行の連結 str += "1行データ" # 複数行の設定 str += " 行データ1 行データ2 " # 変数設定 a = " test data " # 変数を展開できるかチェック str += " " + "#{a}" # セレクタでエレメントを取得 sample = document.querySelector("#sample") # パラメータ連結 sample.innerHTML = str javascript // Generated by CoffeeScript 1.3.3 var a, sample, str; str = ""; str += "1行データ"; str += "行データ1行データ2"; a = " test data "; str += " " + ("" + a); sample = document.querySelector("#sample"); sample.innerHTML = str; ヒアドキュメントによるサンプル CoffeeScript # 文字列設定 str = str = ヒアドキュメント1 br / ヒアドキュメント2 br / ヒアドキュメント3 br / ヒアドキュメント4 br / ヒアドキュメント5 br / # セレクタでエレメントを取得 sample = document.querySelector("#sample") # パラメータ連結 sample.innerHTML = str javascript // Generated by CoffeeScript 1.3.3 var sample, str; str = ; str = ヒアドキュメント1 br / \nヒアドキュメント2 br / \nヒアドキュメント3 br / \nヒアドキュメント4 br / \nヒアドキュメント5 br / ; sample = document.querySelector("#sample"); sample.innerHTML = str;
https://w.atwiki.jp/flightglide/pages/533.html
https://w.atwiki.jp/f_go/pages/629.html
https://w.atwiki.jp/fumiduki1985/pages/166.html
$.write()または$.writeln()を使用する。 記述例: $.write( 改行無しテキスト表示 ); $.writeln( 改行有りテキスト表示 ); このページのタグ一覧 ExtendScript プログラミング
https://w.atwiki.jp/sevenlives/pages/1690.html
レキシカル・スコープ 式クロージャ? 特権メソッド? funargs?
https://w.atwiki.jp/sampleisbest/pages/464.html
開発環境 メモ帳 実行環境 Internet Explorer 11 Mozilla Firefox 38
https://w.atwiki.jp/myrenshu/pages/33.html