私的良スレ書庫
不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitterでログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。
元スレ+ JavaScript の質問用スレッド vol.117 +
JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニューみんなの評価 :
レスフィルター : (試験中)
【環境】IE9・IE10・Firefox・Chrome
【何をしたのか】ファイルをPOSTした
【エラーメッセージ】特になし
【期待する結果】画面遷移をせずに選択したファイルをPOST送信したい
【サンプルコード】
こちらでの質問でよいのか判断がつきかねるのですが
type=fileで選択した画像をPOSTしたいと考えておりますが
var image = $("#registerd [name=image]").val();
としてもimageには何も入っておりません。
その他のtype=textなどは取得できてPOST出来ております。
選択された画像を取得するにはどのようにすれば良いのでしょうか？
識者の方たちのアドバイスいただけると助かります。
【何をしたのか】ファイルをPOSTした
【エラーメッセージ】特になし
【期待する結果】画面遷移をせずに選択したファイルをPOST送信したい
【サンプルコード】
こちらでの質問でよいのか判断がつきかねるのですが
type=fileで選択した画像をPOSTしたいと考えておりますが
var image = $("#registerd [name=image]").val();
としてもimageには何も入っておりません。
その他のtype=textなどは取得できてPOST出来ております。
選択された画像を取得するにはどのようにすれば良いのでしょうか？
識者の方たちのアドバイスいただけると助かります。
>>501
残念ながらjQueryでは選択したファイル内容を取得できない。
取得するにはFile APIを使用する必要がある。
ただしFile APIはIE10から対応だから
IE9では動かない。
画面遷移をせずにファイルをPOSTするだけなら
iframeを使ってできる。これなら古いブラウザでもOK
残念ながらjQueryでは選択したファイル内容を取得できない。
取得するにはFile APIを使用する必要がある。
ただしFile APIはIE10から対応だから
IE9では動かない。
画面遷移をせずにファイルをPOSTするだけなら
iframeを使ってできる。これなら古いブラウザでもOK
なお、ここらへんを意識せずにやってくれるライブラリがある。
検証したわけじゃないからオススメは言えないが
「ファイル アップロード JavaScript ライブラリ」あたりで
検索すると沢山出てくるよ。
良さそうなのがあったら教えてくれｗ
検証したわけじゃないからオススメは言えないが
「ファイル アップロード JavaScript ライブラリ」あたりで
検索すると沢山出てくるよ。
良さそうなのがあったら教えてくれｗ
idがabcのtrタグ内にある、nameが_defで終わるnameをリストしたい。
一番スマートな方法は？
<tr id="abc">
<td><input name="fas_def" /></td>
<td><input name="sec_def" /></td>
<td><input name="thr" /></td>
<td><input name="fou_def" /></td>
<td><input name="fif" /></td>
<td><input name="six_def" /></td>
</tr>
一番スマートな方法は？
<tr id="abc">
<td><input name="fas_def" /></td>
<td><input name="sec_def" /></td>
<td><input name="thr" /></td>
<td><input name="fou_def" /></td>
<td><input name="fif" /></td>
<td><input name="six_def" /></td>
</tr>
>>505
一行で書いてみた。動かしてないけどこんな感じかな。
var names = $.map($('#abc [name$="_def"]'), function(e) { return e.attr('name') });
一行で書いてみた。動かしてないけどこんな感じかな。
var names = $.map($('#abc [name$="_def"]'), function(e) { return e.attr('name') });
少し間違った。こうだった
var names = $.map($('#abc [name$="_def"]'), function(e) { return e.name })
ブラウザがarrow functionをサポートしてれば更に短くこう書ける。
var names = $.map($('#abc [name$="_def"]'), e => e.name)
;
var names = $.map($('#abc [name$="_def"]'), function(e) { return e.name })
ブラウザがarrow functionをサポートしてれば更に短くこう書ける。
var names = $.map($('#abc [name$="_def"]'), e => e.name)
;
もしイベントが並行に実行されるのなら、
関数Aの実行中にもう一つ、
同じ関数Aが実行される可能性があるので、
すべての関数を再入可能にしなければならないし、
すべてのグローバル変数を、ロックしなければならない
つまり、マルチスレッド・プログラミング
もしそんなに難しいなら、
誰もプログラミング出来ないはずだから、
そんなことはあり得ない
そもそもJSで、ロックやマルチスレッド・
プログラミングについて、書いている本があるのか？
>>504
jQueryの質問は、jQueryのスレへ書き込んで
関数Aの実行中にもう一つ、
同じ関数Aが実行される可能性があるので、
すべての関数を再入可能にしなければならないし、
すべてのグローバル変数を、ロックしなければならない
つまり、マルチスレッド・プログラミング
もしそんなに難しいなら、
誰もプログラミング出来ないはずだから、
そんなことはあり得ない
そもそもJSで、ロックやマルチスレッド・
プログラミングについて、書いている本があるのか？
>>504
jQueryの質問は、jQueryのスレへ書き込んで
JSで画像をブラウザの表示領域内に表示されるまで読み込ませない、という処理は可能でしょうか？
>>499
ありがとうございました
JSのイベント周辺について書かれている仕様書とは何でしょうか？
http://www.ecma-international.org/ecma-262/5.1/
これを見てもイベントについてはなぜか書かれていないようです
ありがとうございました
JSのイベント周辺について書かれている仕様書とは何でしょうか？
http://www.ecma-international.org/ecma-262/5.1/
これを見てもイベントについてはなぜか書かれていないようです
http://javascript.info/tutorial/events-and-timing-depth#javascript-is-single-threaded
これにかなり詳しく書いてありました
必ずイベントキューに登録された順に実行されるわけではなく、
DOM mutation eventと
DOMイベントの中からトリガーされたDOMイベントは
キューに入れられずにシンクロナスに実行されるとのこと
これにかなり詳しく書いてありました
必ずイベントキューに登録された順に実行されるわけではなく、
DOM mutation eventと
DOMイベントの中からトリガーされたDOMイベントは
キューに入れられずにシンクロナスに実行されるとのこと
>>514,509
やはりJavaScript無効環境に対応するにはHTMLにnoscriptを入れないとだめなようですね
今から大量のimgタグにそれをするのは大変なので諦めます ありがとうございました
やはりJavaScript無効環境に対応するにはHTMLにnoscriptを入れないとだめなようですね
今から大量のimgタグにそれをするのは大変なので諦めます ありがとうございました
JavaScript/jQueryのコツ～円滑な協業と連携でWebサイト作りを成功させる！～
(番組ID:lv186185614)
2014/07/18(金) 開場:19:27 開演:19:30
(番組ID:lv186185614)
2014/07/18(金) 開場:19:27 開演:19:30
ｊQuery初心者で勉強中の者です。
http://calie.jp/beashow/index.htmlのサイトのような
画像を読み込んだら自動で画像がフェードインしエフェクトが動く動きを実現するには
jquery.inview.jsとjquery.easing.1.3.js
が必要だということはわかったのですが、どのように記述すれば実現できるのかがわかりません。
スクロールしてその画像がみえてきたときに画像をよみこんでフェードインさせた画像を左右上下にエフェクトをかけて表示させる方法を詳しい方ご教授いただけないでしょうか
http://calie.jp/beashow/index.htmlのサイトのような
画像を読み込んだら自動で画像がフェードインしエフェクトが動く動きを実現するには
jquery.inview.jsとjquery.easing.1.3.js
が必要だということはわかったのですが、どのように記述すれば実現できるのかがわかりません。
スクロールしてその画像がみえてきたときに画像をよみこんでフェードインさせた画像を左右上下にエフェクトをかけて表示させる方法を詳しい方ご教授いただけないでしょうか
>>521
断る
断る
これにタイムアウトを組み込むことは無理でしょうか？
検索するとajaxでは見るのですが単純なpostではみかけませんでした。
$("form#sample").submit(function(){
var mail = $("#sample [name=mail]").val();
$.post(
'foobar',
{
'mail': mail
},
function(data)
{
if( data == 'success')
{
alert('OK');
}
else
{
alert('NG');
}
}
);
});
使用している部分が多いのでajaxに変更することなく、
これにタイムアウトがつけれればと考えています。
検索するとajaxでは見るのですが単純なpostではみかけませんでした。
$("form#sample").submit(function(){
var mail = $("#sample [name=mail]").val();
$.post(
'foobar',
{
'mail': mail
},
function(data)
{
if( data == 'success')
{
alert('OK');
}
else
{
alert('NG');
}
}
);
});
使用している部分が多いのでajaxに変更することなく、
これにタイムアウトがつけれればと考えています。
FormDataっていうのもあるのか。
でもこれHTML5の内容だな。
やっぱり古いブラウザではJavaScriptで
ファイルの送信ってきついの？
でもこれHTML5の内容だな。
やっぱり古いブラウザではJavaScriptで
ファイルの送信ってきついの？
>>528
> FormDataっていうのもあるのか。
HTML5 は関係あるのか？
XMLHttpRequest Level 2 の FormData の事ではないのか？
http://www.w3.org/TR/XMLHttpRequest2/#interface-formdata
> FormDataっていうのもあるのか。
HTML5 は関係あるのか？
XMLHttpRequest Level 2 の FormData の事ではないのか？
http://www.w3.org/TR/XMLHttpRequest2/#interface-formdata
XMLHttpRequest Level 2 ってHTML5の一部でしょ？
XMLHttpRequestはデータの送信だけだから
ローカルのファイルを読み込むには
別の技術が必要になるのでは？
ローカルのファイルを読み込むには
別の技術が必要になるのでは？
>>530
違う
違う
>>526
一旦サブミットイベントにフラグでreturn falseして、タイムアウトの関数でフラグを変えもう一回サブミットをよぶ。これはフラグで通すとか。
一旦サブミットイベントにフラグでreturn falseして、タイムアウトの関数でフラグを変えもう一回サブミットをよぶ。これはフラグで通すとか。
>>492 >>499
setTimeout の task source は timer task source と呼ばれるものが
仕様に定義されている
www.w3.org/TR/html5/webappapis.html
したがってevent loop の task source とは別なので queue も別になるだろう
>>490
その eventの propagate が終了するまでは同期的に実行される筈
DOM仕様のアルゴリズムでも非同期には処理していないし
例えば dispatchEvent は同期的に実行される
>>531
送信だけって、リクエスト送ればレスポンス受信できるじゃないか？
ローカルファイルは FileAPI
setTimeout の task source は timer task source と呼ばれるものが
仕様に定義されている
www.w3.org/TR/html5/webappapis.html
したがってevent loop の task source とは別なので queue も別になるだろう
>>490
その eventの propagate が終了するまでは同期的に実行される筈
DOM仕様のアルゴリズムでも非同期には処理していないし
例えば dispatchEvent は同期的に実行される
>>531
送信だけって、リクエスト送ればレスポンス受信できるじゃないか？
ローカルファイルは FileAPI
同期的と非同期的の意味が分からなくなってきました
関数発行後すぐに実行されるのが同期的、
発行してから実行されるまでタイムラグがあるのが非同期的
と思っていたのですが違いますか？
関数発行後すぐに実行されるのが同期的、
発行してから実行されるまでタイムラグがあるのが非同期的
と思っていたのですが違いますか？
>>535
違います。
同期は関数を実行して処理が追わらないと
関数から処理が戻らないものです。
その関数の処理が10秒かかる重い処理であれば
10秒の間、その他の処理は一切できなくなります。
だから非同期を使うんですね。
タイムラグが有るかどうかは関係ありません。
違います。
同期は関数を実行して処理が追わらないと
関数から処理が戻らないものです。
その関数の処理が10秒かかる重い処理であれば
10秒の間、その他の処理は一切できなくなります。
だから非同期を使うんですね。
タイムラグが有るかどうかは関係ありません。
シングルスレッドで動いているJSが
ノンブロッキング処理できるのは何故ですか？
ノンブロッキング処理できるのは何故ですか？
innerHTMLだったりjqueryのhtmlだったりって非推奨なのですか？
documentに大量ノードがあって、あからさまにid=hogeのテキストだけ更新、みたいな場合なら
やらないほうがいいというのはわかるのですが
何が何でも部分的にappendやらremoveやらをちまちま更新した方が良いのでしょうか？
documentに大量ノードがあって、あからさまにid=hogeのテキストだけ更新、みたいな場合なら
やらないほうがいいというのはわかるのですが
何が何でも部分的にappendやらremoveやらをちまちま更新した方が良いのでしょうか？
>>538
最後の行の認識で合ってる
10秒かかる関数なら同期だろうと非同期だろうと10秒ブロックされるのは一緒
その時点で実行される（同期）かされない（非同期）かってだけ
WebWorkerを使わない限りはシングルスレッド
最後の行の認識で合ってる
10秒かかる関数なら同期だろうと非同期だろうと10秒ブロックされるのは一緒
その時点で実行される（同期）かされない（非同期）かってだけ
WebWorkerを使わない限りはシングルスレッド
jqueryで
プラグインで追加されたメソッドの一覧を知る方法ありますか？
プラグインで追加されたメソッドの一覧を知る方法ありますか？
>>541
innerHTMLの問題点がわかっているなら使ってもいい
innerHTMLの問題点がわかっているなら使ってもいい
innerHTMLの問題点なら、jQueryのparseHTMLメソッドで解決できるよ。
だから今更遅いappendやremoveなんかを使う理由がない。
だから今更遅いappendやremoveなんかを使う理由がない。
innerHTMLの問題点って出力にそのまま使ったりしちゃ（攻撃者のコードが入るかもしれないから）ダメよってことであってる？
>>544
ありがとうございました
ありがとうございました
前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ
/ 要望・削除依頼は掲示板へ / 管理情報はtwitterで / 
JavaScript スレッド一覧へ類似してるかもしれないスレッド
- + JavaScript の質問用スレッド vol.113 + (1001) - [97%] - 2014/1/25 12:46
- + JavaScript の質問用スレッド vol.110 + (1001) - [97%] - 2013/10/13 14:01
- + JavaScript の質問用スレッド vol.119 + (1002) - [97%] - 2014/10/3 15:30
- + JavaScript の質問用スレッド vol.118 + (1002) - [97%] - 2014/8/29 22:30
- + JavaScript の質問用スレッド vol.116 + (1002) - [97%] - 2014/7/1 0:45
- + JavaScript の質問用スレッド vol.115 + (1001) - [97%] - 2014/5/29 16:16
- + JavaScript の質問用スレッド vol.114 + (1001) - [97%] - 2014/5/3 10:45
- + JavaScript の質問用スレッド vol.127 + (160) - [97%] - 2021/7/16 9:30
- + JavaScript の質問用スレッド vol.112 + (1001) - [97%] - 2013/11/27 16:46
- + JavaScript の質問用スレッド vol.111 + (1001) - [97%] - 2013/11/4 6:00
- + JavaScript の質問用スレッド vol.113 + (1001) - [97%] - 2014/3/15 21:30
- + JavaScript の質問用スレッド vol.127 + (1001) - [97%] - 2016/2/4 0:15
- + JavaScript の質問用スレッド vol.137 + (1003) - [97%] - 2019/3/26 11:46
- + JavaScript の質問用スレッド vol.107 + (1001) - [97%] - 2013/9/7 10:16
- + JavaScript の質問用スレッド vol.121 + (1001) - [95%] - 2015/1/1 18:30
- + JavaScript の質問用スレッド vol.126 + (952) - [95%] - 2015/11/18 13:15
- + JavaScript の質問用スレッド vol.126 + (348) - [95%] - 2023/1/12 17:00
トップメニューへ / →のくす牧場書庫について