AJAX
- ドラッグ＆ドロップでファイルをアップロード
以下のURLを参考に、そのままファイルを設定していますが、 https://qiita.com/saoshi/items/0c2ffc26043656a4958e 動かないようです。状態はファイルを領域内にドロップしても領域に変化は無く、通常にブラウザに画像ファイルを置いた時と同じように、別ウィンドウで画像が開きます。 ---- HTML部分は以下のようにしています。js、css部分はアドレスのように参照し、リンクも問題無く開きます。 <html> <head> <title>画像をドラッグ＆ドロップで一括アップロード</title> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script src="./js/drag.js"></script> <LINK href="./css/drag.css" rel="stylesheet" type="text/css" media="all"> </head> <body> <!-- 画像ドラッグ&ドロップ --> <div class="drop_area_multiple"> <input type="file" name="file" multiple="multiple" class="inputfile"> <div class="drop_text1">ここにファイルをまとめてドロップ</div> </div> </body> </html> ---- よろしくお願いいたします。
- load()メソッドは、何故サーバ上でしか使えない
jQueryのload()メソッドは、 何故、サーバ上でしか使えないのでしょうか？ もし、ローカル環境で使おうとした場合に 不都合なことでもあるのでしょうか？
- ビデオ会議で使用するzoomの操作方法に関する質問
zoomで会議参加者にプレゼンするときに、文書類をuploadするにはどうした良いのでしょうか？ ご教示お願い致します。
- 締切済み
- AJAX
- 0916midoriyama
- 回答数1
- localhostでの重要な情報の扱い
localhostでajaxを通信し、サーバーにパスワードの要求をしたいです。サーバー側はローカルファイルからパスワードを読みます、。localhostであっても外部のサーバーにアクセスするように盗聴リスクのある通信になってしまうでしょうか？
- JavaScript Ajax テキストの更新時間
var reload = ""; var reload = function() { \$.ajax({ url: 'test.cgi', type : 'get', dataType: 'text', success: function(data) { \$('#text').html(data); return false; }, error: function(data) { //alert('読込に失敗しました…'); } }); setTimeout("reload()", 3000); } 現在3秒毎に更新としているのですが、 これを「log/log.txt」 の更新時間で、test.cgiを リロードさせるようにするには、 どうすればいいでしょうか？ できればソースで教えて頂けるとありがたいです。 どうかよろしくお願いいたしますm(_ _)m
- 締切済み
- AJAX
- MarunageGomen3
- 回答数3
- js初心者 consoleなどについて
初心者で恐縮ですが、よろしくお願いします。 jqueryを使用してます。 $(function () { obj = function(attr){ $.get('getFileList.php', {attribute : attr.data.value }, function(data){var array = data;}); }; delete obj; $("#file").on('input', {value:'file'}, obj); }); #fileに入力があったらobjが発動し$.getでphpから値を得て出力するという処理を書いています。 うまくいかないので変数arrayにちゃんと値が入っているか確認しようとしconsole.log(array)としたところjsのソースコードがconsoleにそのまま表示され、console.logを消してみてもまったく変化がなくなってしまいました。（console.log(array)したことが原因なのかは不明です。これを描いたあたりから変化がなくなっていたような気がするので。） やってみたこととしてはキャッシュの削除と.onの呼び出しの前にオブジェクトを削除することです。 ですが、やはりその変更点もconsoleに反映されてません。 初歩的かもしれませんがよろしくお願いします。
- [html]クロスドメインのストリームを張り付ける
mjpg-streamerを利用して、定点カメラで撮影している動画を ストリーム配信しています。 mjpg-streamerは8080番ポートで動作中で、 <http://xxx:8080/?action=stream>で動画が参照できます。 同一ノード上の80番ポートでウェブサーバが稼働しており、 そのhtmlページにmjpg-streamerのストリーム動画を張り付けたいです。 <img src="http://xxx:8080/?action=stream" /> で張り付けたところ、スマホのchromeからは動画が確認できましたが、 PCのchromeでは表示できません。デバッガ上には以下のメッセージが出ています。 GET http://xxx:8080/?action=stream net::ERR_CONNECTION_REFUSED 同一ノードとはいえ、ポートが違うのでクロスドメインと判定され、 接続拒否されているものと思います。 ボタンクリック等の際にクロスドメインのjavascriptからデータ取得等を行う場合には、jsonpやjquery.xdomainajax.jsを利用することで回避していますが、 streamを埋め込む場合にはどのようにすればよいのか分からず困っています。 解決方法が分かる方、教えてください。
- ajax通信の戻り値が空になる。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="jquery.xdomainajax.js"></script> <!-- 追加 --> <script type="text/javascript"> $.ajax( { url: URL, type: 'GET', cache: false, dataType: 'xml' } ) .done(function(res) { console.log(res); } ) .fail(function(res) { console.log('FAIL') } ); </script> </head> 上記のコードの通り（url部分は明記を省略）、jquery.xdomainajax.jsを用いたajax通信を行いたいのですが、通信は成功しているもののコンソールを見ると以下のようになっています。 Object { query: Object, results: Array[0] } 本来ならresultsの部分に返り値が格納されるのですが、空になってしまいます。 なにか原因があればご教授頂きたいです。よろしくお願い致します。
- 締切済み
- AJAX
- ankounabe_foot
- 回答数1
- Ajaxのデーターをcsvから取る時について
よろしくお願い致します。 自分はAjaxについては、昨日勉強始めたばかりで １つずつ完成させて、次のステップに進もうと思っており 今回は社長と自分の師匠からAjaxを使って何か作ってみてと言われて 勉強をしてて、今目指しているのは査定ページとかなのですが まずは http://s-ej.com/sample/ajax/ajax0003/sample/sample.html ここのサイト様をご利用させて頂きたいと思い サンプルのダウンロードも行ってローカルでやっているのですが 自分がローカルで動かすとき カテゴリの本とかを別の名前に変更して csvの商品名とかもdocomoとかカテゴリに追加した物に入力をしたのですが どうしても、うまく行きません。 本＝csvでは名称＝item1 名称日本語=アイテム１ カテゴリ＝本 自分が本の名前をdocomoとかに書き換えたら、名所・名所日本語・カテゴリも変えなきゃいけないのでしょうか？ 今はカテゴリだけで、他の価格や適応などhtml上では削除しております。 本当、素人で申し訳ございませんが アドバイスの程、よろしくお願い致します。
- 締切済み
- AJAX
- chororin777
- 回答数2
- 一部環境でAjaxのHTMLデータ書き換えに不具合
Ajaxを使用し、HTMLページ内のデータを書き換える処理をしているのですが、iPhone7のsafariだとどうしても口コミデータの表示部分がうまく動きません（※大半のChrome及びiphone6、androidは動作確認ずみ）。問題がどこにあるのかが全く分からず、頭を悩ませています。何か要因となるものや解決策が少しでもわかれば大変助かります。 ご助力の程、何卒よろしくお願い致します。 以下コードを抜粋したものです。 処理１ <script src="../js/rank_2016.js"></script> …etc… <p class="reviewOldShowBtn">以前の口コミデータ表示（<span class="reviewOldCntEle">19</span>件）</p> …etc… (2)../js/rank_2016.js …etc… document.write('<script type="text/javascript" src="XX/php/js/rankReviewPager.js"></script>'); …etc… $(document).ready(function(){ …etc… }) (3)XX/php/js/rankReviewPager.js function listDo(hoge) { $.ajax({ type: "POST", dataType: 'json', url: 'XX', async: true, //非同期処理 data:{inp:{ a1:hoge }} }).success(function( data ) { var obj = data.list; …etc… ※ここで実際に以前の口コミを表示する処理を実行 $(".reviewEle" ,elePa ).first().before( '<span>' + obj + '</span>' ); …etc… }); } jQuery(function(){ //過去の口コミ表示ボタンを押したときのイベント $("#rankEle").on("click", ".reviewOldShowBtn", function(){ ※ここでAjaxを実行 listDo('aaa'); }); } ーーここまでーー
- ベストアンサー
- AJAX
- oshieteajax
- 回答数2
- jquery PHP 値 ajax
失礼します。現在jqueryで作成した２次元配列をPHP側に渡したいのですが上手くいきません。 jquery側のコンソールで確認した際にはsuccessの処理が行われ配列の中身がjson形式で表示されるのですが、その内容をPHP側で確認しようとするとNULLが返ってきてしまいます。 何卒ご教授よろしくお願いいたします。 html側 $(function(){ // 送るデータ形式はJSONでなければ、PHP側でエラーが出る.のでJSON.stringify()でJSON形式に変換 send_data= JSON.stringify(data); // 送信処理 $.ajax({ url: "ajax.php", // 送信先のPHP type: "POST", // POSTで送る contentType: "Content-Type: application/json; charset=UTF-8", //必須ではなさそうだが、サーバ側との整合のために明示しておいた方がよい。 // dataType: 'json', //受信形式 必須ではなさそうだがサーバ側との整合のために明示しておいた方がよい。 data:send_data //JSON形式の送信データ }).success(function(data, status, xhr) { // 通信成功時の処理 console.log("success"); console.log("data ="+data); console.log("status ="+status); console.log("xhr ="+xhr); }).error(function(xhr, status, error) { // 通信失敗時の処理 console.log("error"); }).complete(function(xhr, status) { // 通信完了時の処理 console.log("fin"); }); }) }) PHP側 二通り試してみました。 <?php //php://inputはPOSTの生データを取得できる $json = file_get_contents("php://input"); //JSON形式データをPHPの配列型に変換 $data = json_decode($json); var_dump($data) ; //POSTできたデータを格納 $hoge = $_POST['data']; var_dump($hoge);
- ajax
ajaxはphpとhtmlの中継を果たす物という認識で良いのでしょうか？ ajaxとjQueryは同じ物ではないのですか？ ダメ元で聞いてみます。
- ベストアンサー
- AJAX
- shin11shin
- 回答数3
- リアルタイムでK_KEYID.phpを実行させたい
$(function(){ setInterval(function(){ url:'./edtor_addKEYID/K_KEYID.php' },1000); }); 書き方がおかしいのは重々承知しております。 K_KEYID.phpはKから始まる記事IDを抽出しています。 Kから始まる記事IDが追加されるたびリアルタイムで表示させたいです。 誠に恐れいりますが、ご教示よろしくお願いします。
- ajaxのurlのパスの書き方について
url: "./editor_select/editor_text.php", *************************************************************************************************** Failed to load http://～ resource: the server responded with a status of 500 (Internal Server Error) *************************************************************************************************** url: "./editor_select/ エラーがでません。 下記のサイト記載してあるパスの書き方を参考にしましたが、上記エラーが発生します。 http://enum-kabu.com/blog/post-1723/ 「/」の前の「.」が抜けているのかなと思ってつけてやったのですが、状況は改善できず、 アクセス権に問題があるのかなと思って権限を「755」にしましたが、これもダメでした。 フォルダ名＆ファイル名の文字がかけているのかなと思ってコピペしてやってみましたが、 これでも改善できませんでした。 キャッシュが残っているからズレがあるのかなと思ってキャッシュをクリアしましたが、 これでも改善できずわかるところはかたっぱしやったつもりです。 どなたか改善策をご教示お願いできないでしょうか。よろしくお願いします。
- phpに値が送られない
PHP側に値が送られなくて困ってます！！ どなたか助けて頂けないでしょうか $(function() { $('a') .click(function() { var id = this.id; alert(id); $.ajax({ type: 'POST', dataType:'json', url:'editor_text.php', data:{ item:id }, success:function(data) { alert(data); }, error:function(XMLHttpRequest, textStatus, errorThrown) { alert(textStatus); } }); }); });
- Twitter 埋め込み
調べても出なかったので、質問します。 サイトやブログにTwitterのタイムラインを埋め込む際にウィジェットを作成しますが、それは無料でしょうか？
- 締切済み
- AJAX
- brownsuger_dbs
- 回答数1
- ajaxにより取得したxmlデータの加工について
ajax通信でRSSのxmlデータを取得し、一部のタグを抽出してhtml上にリンク一覧を作りたく、以下のような処理をテストで作りました。 $(function() { $.ajax({ url: '取得対象のxmlファイルパス', type: 'GET', success: function(data) { //var json = $.xml2json(data); $(data)find('title').each(function(){ console.log($(this).text()); }); } }); }); コンソールにはすべて空データしか確認できないのですが、取得したdataを変換等する必要がありますでしょうか。