AJAX
- ajaxのレスポンスが取得できない。
環境【cakePHP2.X, PHP5.5】 cakephpでajaxを試みてますがうまくいきません。 あるサンプルを参考にして ボタンのクリックをトリガに ajaxMethod()を走らせて alertで"tanaka"を表示させたいのですが なぜかOeders/index.ctpのhtmlを 取得し、長々と表示されてしまいます。 意図した結果を取得できるよう アドバイスを戴けたら嬉しいです。 よろしくお願いします。 【OrdersController.php】 class OrdersController extends AppController { function index() { //初期表示処理 } /** * Ajax用関数 */ function ajaxTest() { $this->autoRender = FALSE; if($this->request->is('ajax')) { return $this->data['name']."さん、こんにちは"; //echoでもOK } } } 【add.ctp】 function ajaxMethod() { $.ajax({ url: "Orders/ajaxTest", type: "POST", data: { name : "tanaka" }, dataType: "text", success : function(response){ //通信成功時の処理 alert(response); }, error: function(){ //通信失敗時の処理 alert('通信失敗'); } }); }
- javascriptとperlの通信について
javascriptからperl(サーバー)にXMLHttpRequestで情報送信を行っています 受信情報は通常http形式で返却されてきますが、通信量の無駄なので例えば数字だけをレスポンスさせたいです。 そうすればjavascript側で数字に応じて動作させることが出来るかと思います perl側でどのように記述すればそのように返却できるでしょうか？
- IEだけ正常にupdateできない
【サイト】http://low-cost-travel.lk6.co/test910.php ＩＥの動作確認を忘れていた為、先程確認したら正常に動いてませんでした。 ＦＦ・ＧＣでは正常どおり更新の処理が行われて書き換えたデータが表示され なぜかＩＥのみ全角だと正常に更新が行われず困っております。 全角の文字で保存する場合文字化けしているのではないかと思い、文字コードを UTF-8にするようにしてますが、それでもIEは正常に更新処理が行われません。 何が原因でどうすれば直るのかが分からず大変困っております。 ＯＳ windows 7 ブラウザーのバージョン ＩＥ：１１ Firefox：39.0 google chrome：43.0.2357.134 m jQueryのバージョン 1.9.1 [ サ イ ト ]http://low-cost-travel.lk6.co/test910.txt [ デザイン ]http://low-cost-travel.lk6.co/test910-stylesheet.txt [ダイアログ] http://low-cost-travel.lk6.co/test910-dialog.txt [ダイアログ] http://low-cost-travel.lk6.co/test910_u1000_select.txt [ダイアログ] http://low-cost-travel.lk6.co/test910_u1000_update.txt テーブル UPDATE_INFO id text,type text,class text,hiduke text,title text,naiyou text どなたか大変恐縮ですがご教示よろしくお願いします。
- 以下の変数は参照できないと、ルールとして記載がある
jQueryをサイト制作に導入したいのですが、 AJAX系は使わない。 以下の変数は参照できないと、ルールとして記載がある場合があります。 'eval' 'alert' 'confirm' 'prompt' 'pbcd' jQuery' 上記の変数とは、初期から設定されている変数ということでよろしいでしょうか？ 例えば下記のようなソースがあった場合、下記の場合のjQueryは変数ではなくjQueryを使っているという宣言なので、問題なくvar=jQueryなどvar＝の後に上記の初期から設定されている変数を使わず、プラグインなら、ソースを検索で検索してvar＝の後に上記の初期から設定されている変数がなければ問題ないということでよろしいでしょうか？ jQuery("h1").click(function(){ jQuery("h1").animate({ backgroundColor: "#abcdef" }, 1500 ); }); 次にAJAX系を使っているかどうかは、プラグインのソースに下記のように、AJAXを読み込んでいる情報がなければ、使っていないと判断できるでしょうか？ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
- ベストアンサー
- AJAX
- noname#226032
- 回答数2
- borderの箇所をマウスでクリック
cssでborderを指定し ajaxで枠内、枠外では何も動作しないが borderの箇所をマウスでクリックした場合のみ 動ささせるにはどのようにすればいいでしょうか。 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function () { $("div.button").mousedown(function () { $("div#message").text("マウスのボタンが押されました。"); }) $("div.button").mouseup(function () { $("div#message").text("マウスのボタンがはなされました。"); }) }) </script> <style> .button { border: solid 1px #0094ff; background-color: #e1e1e1; width: 200px; height: 32px; } </style> </head> <body> <div class="button">枠</div> <div id="message"></div> </body> </html>
- JSPで郵便番号から住所を得るには？
JSPのJAVAのコーディングの中で、郵便番号から、住所を得るには、 どう記述すればよろしいでしょうか？ <% <script src="http://ajaxzip3.googlecode.com/svn/trunk/ajaxzip3/ajaxzip3.js" charset="UTF-8"></script> <script src="./ajaxzip3.js" charset="UTF-8"></script> AjaxZip3.zip2addr('zip31','zip32','pref31','addr31','addr31');" %>
- ベストアンサー
- AJAX
- longucumber0519
- 回答数1
- 郵便番号ajaxzip3 をJSPで使いたい
郵便番号から住所を取得できる、ajaxzip3 をJSPで使いたいのですが、 どのようにコーディングすればよいでしょうか？ http://www.webantena.net/javascriptjquery/ajaxzip3-js/
- ベストアンサー
- AJAX
- longucumber0519
- 回答数2
- jQuery？リアルタイムでフォームを変える
以下のサイトにあるフォームなのですが、リアルタイムで変更されます。 ttp://www.kanzen-creditcard.com/ チェックボックスをクリックすると、その条件に当てはまるものを、数がリアルタイムで変動されます。 この機能はjQueryで行っているのでしょうか？ そのプラグインがあるのでしたら、教えてください。 またそれを実現する為の知識や参考サイト、書籍などありましたら教えてください。
- 締切済み
- AJAX
- tikuwabu1111
- 回答数3
- jsonpのコールバックの関数名を自動取得
なんてことができたら楽だな、とか思ったのですができたりしますか？ 関数名を調べて入れるのが面倒なだけなので できないならできないでいいのですが
- ベストアンサー
- AJAX
- H240S18B73
- 回答数1
- ブラウザの戻るボタン
jQueryで1つのHTMLをcss("display", "block");css("display", "none");を用いて複数ページのように形成したが、css("display", "none");を使用し1ページ目を非表示にし２ページ目を表示させ、1ページ目から2ページ目に偏移したかのように見せて、ブラウザの戻るボタンを押すとファイル上は1つのHTMLのため、このHTMLを表示する前の状態が表示されてしまいます。ブラウザの戻るボタンを押してHTML内の1ページ目を表示する方法ありませんか？
- JavascriptからPhpファイルの受取方法
使うファイルは二つです。 index.phpとcalc.php indexで取得した値(A)をcalcにgetかpostで取得させて、データベースと照合させてから、その取得した値(A)に対応する値(B)をまたindexに返したいのですが、 Jasonなどをググってやってみたのですが、calcに取得させてるのかどうかもわからず、とりあえず出力もどうやっていいのかわからず断念してしまいました。 どうやってやれば、取得した値(A)を変換させて、(B)をindexに出力し直せるのでしょうか？ 文章がわかりづらいかも知れませんが、回答よろしくお願いします！
- ベストアンサー
- AJAX
- soccerrlove
- 回答数1
- jquery ajax 外部html 読み込み
現在、数年前にjquery(v1.4.3)を用いて制作したページの更新を行っており それに伴いjqueryも最新版(v1.11.1)への移行を試している最中なのですが ajaxの外部htmlを読み込む処理が実行されなくなり困っております。 旧バージョンとではメソッドの記述法が異なることは理解できておりますが 色々と書き換えてみたものの、以前のように動作させる事ができません。 以下がそれぞれの記述になりますが、もし問題にお気付きになられましたら ご指摘いただけますと幸いです。 jquery(v1.4.3): function loadAdd(obj){ $.ajax({ async: true, type: 'GET', url: tgtURL, dataType: 'html', cache: false, success: function(html){ var $div = $("#add"); $div.html(html); }, error: function(xhr, status, errorThrown){ alert("not found."); } }); } jquery(v1.11.1): function loadAdd(obj){ $.ajax({ async: true, type: 'GET', url: tgtURL, dataType: 'html', cache: false, }) .done(function(html){ var $div = $("#add"); $div.html(html); }) .fail(function(xhr, status, errorThrown){ alert("not found."); }); }
- ベストアンサー
- AJAX
- blah_blah_blah
- 回答数1
- jqplotによる変動グラフについて
jqplotによる変動グラフを作成したいと思い、試行錯誤をしているのですが、うまくいかないので、教えていただけましたらとても嬉しく思います。 よろしくお願いします。 セレクトボックスの値を変更するたびに、その値に基づいたグラフを作成したいです。 セレクトボックスの値をJqueryからCGIに渡し、その値に基づき、WEB上のDBから値を持ってきて、グラフプロット用のデータに加工して、Jqueryに戻し、その値をグラフのプロットデータとして、組み込みます。 CGIからの結果をそのまま変数としてグラフのプロットデータ部分に入れてもグラフが表示されません。 CGIから戻ってくるプロットデータをコピーして生のデータとして、そのままグラフのプロットデータ部分に入れるとグラフが表示されます。 そのため、グラフのプロットデータとしてはコードは合っていると思うのですが、JSファイル上ではCGIからの変数ではなく、生データから直接入力しないとグラフデータとして反映されないのでしょうか。 CGIからの変数データをそのままプロットデータとして組み込むことができたらたいへん助かるのですが、ご存じの方がいらっしゃいましたら教えて下さい。 ご不明な点はお聞きください。 よろしくお願いします。
- ベストアンサー
- AJAX
- noname#223023
- 回答数13
- JSファイル（JQuery）の読み込みについて
セレクトボックスで、猫を選択したらAというJSファイルが動き、BというJSファイルに猫の画像URLを書出しています。 ボタンを押したら、BのJSファイルが動き、ページ上に猫の画像が表示されるというようなものを作っています。 セレクトボックスを変更し、ボタンを押すたびに、画像を変えたいのですが、うまく変わりません。 Bへの書出しはうまく行っていて、セレクトボックスを変えて、ボタンを押してから、ページ更新をして、もう一度ボタンを押すと、切り替わります。 セレクトボックス変更→ボタンを押す(変わらない)→ページ更新→ボタンを押す（変わる） この作業で、セレクトボックスで指定した画像が表示されるので、JSファイルのキャッシュが残っているのかなと思い、ヘッダーや、.htaccessで、キャッシュ無効のコードを書いたり、JSファイルのURL呼び出しに、日付を入れたりしてみた（～.js?20150209010101 など）のですが、こちらも有効になりません。 このような場合、なにか対処方法をご存知でしたら教えていただけませんでしょうか。 どうぞよろしくお願いします。
- ベストアンサー
- AJAX
- noname#223023
- 回答数6
- jQuery Mobile
jQuery Mobileでは１つのHTMLファイルに複数ページを記述するようですが テキストボックスに記載した文字を別のページに表示するにはどのようにするのでしょうか
- AjaxでJSONを受信すると、文字化けする
お世話になっております。 ajaxでJSONを受信して文字列に変換すると、日本語部分のみ文字化け("?"に変換)されてしまいます。色々と調べているのですが原因が分からず、恐れ入りますがご教示のほどお願い致します。 尚、日本語部分のメッセージには個別に設定したBean Validationのアノテーションのメッセージが 入ります。 $.ajax({ type: 'GET', url: url, dataType: 'json', data: params, contentType: "application/json; charset=utf-8" }) .done(function(params, dataType){ alert($.stringify(params)); } ---alert($.stringify(params))の内容--- {"contents":[{"id":"a","message":"123abc???"}} (送信元では【"message":"123abcあいう"】と設定)
- HTMLファイル２へ渡しjQuery
HTMLファイルからHTMLファイルへ移動するときに、 HTMLファイル１の値をpostで HTMLファイル２へ渡しjQueryで HTMLファイル１の値を表示させるプログラムがわかりません
- どこまでを動的に、どこまでを静的に作るか
Javascript, jQueryを用いてシステムを作っています。 例えば、データベースから取り出したデータを表に表示したり、自作のダイアログボックス(div要素など)を出したり引っ込めたりする、といった場合を考えます。 そのとき、静的な部分(表のtableタグ・ダイアログボックスなど)と動的な部分(表の内部のtrやtdなど)が分かれます。 そこで、静的な部分は極力HTMLに直接書くようにするのか、白紙のHTMLにJavascriptで全ての要素を配置していくのか迷っています。 静的な部分をHTMLで書くようにした場合、後でJavascriptから操作するための空のタグが大量発生し、結局HTMLだけを見ても意味不明ということになり、表の行数など動的に変化する部分は結局要素をJavascriptから生成しなければならず、静的に生成した要素と動的に生成した要素が混ざり合って一貫性が失われるといった問題を個人的には感じています。 逆に、すべてをJavascriptで記述した場合、全体としては記述量は増えることになりますし、読み込みも遅くなりそうに思えます。 どこまでをHTMLで書き、どこまでをJavascriptで書くのか、何か流儀のようなものがあればご教授ください。よろしくお願いします。
- Ajaxで、JSONの添え字を表示する
以下のようなソースで、jQueryで、ajax_abc.htmlのid:Abcのボタンを押して、json_abc.phpから、JSON形式で、添え字がMySQLのabcテーブルのid列、値が同じMySQLのabcテーブルのalphabet列の値を全行分受け取り、<p>1:A</p><p>2:B</p><p>3:C</p>というような形でhtmlを生成したいのですが、値を表示することはできるのですが、添え字を表示する方法がわかりません。 どういう風にやれば、表示できるか教えてください。 [ajax_abc.html] <script type="text/javascript"> $(function(){ $("#Abc").click(function(){ $.post("json_abc.php", { }, function(json){ $('#Display').html("<p>"+json[1]+"</p>" + "<p>"+json[2]+"</p>" + "<p>"+json[3]+"</p>") }); }); }); </script> [json_abc.php] <?php $pdo = new PDO('mysql:dbname=test; host=localhost; charset=utf8', 'root'); $st = $pdo->query("SELECT * FROM abc"); $abc = array(); while ($row = $st->fetch()) { $abc += array ( $row['id'] => $row['alphabet'] ); } header('Content-Type: application/json; charset=utf-8'); echo json_encode($abc); [MySQLのabcテーブル] INT: VARCHAR 1: A 2: B 3: C
- AjaxでMySQLへのデータの追加と表示をしたい
htmlで、jQueryでMySQLのテーブルmessage_tableのデータid(int auto_increment primary)、time(datetime)、message(varchar(1000))を<tr><td>id</td><td>time</td><td>message</td>というような形で、<table id="show_table"><table>の中で全行表示し、inputのtextから新たにmessageを送信したら、それがリロードなしに同じテーブルに追加されて、表示されるというAjaxを使ったプログラムをhtmlとPHPファイルで作成したいのですが、どのようなソースを書けばよろしいでしょうか。 PHP側はMySQLのデータの取得と、htmlから送られてきたデータの追加を行い、JSON形式でhtmlに投げるという風にしたいと考えています。 データの表示と送信をするhtmlと、データを受け取り、MySQLのテーブルに追加し、htmlに返すPHPのソースは、以下のような形を考えています。 [message.html] <!DOCTYPE html> <head> <meta charset="UTF-8"> <title>message.php</title> </head> <body> <p> <input type="text" id="messgage"> <input type="button" id="add" value="add"> </p> <table id="show_table"></table> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script type="text/javascript"> $(function(){ $('#add').click(function(){ $.post('post.php',{ }, function(引数){ //処理 }) }); }); </script> </body> </html> [post.php] <?php try{ $pdo = new PDO('mysql:dbname=test; host=localhost; charset=utf8', 'root'); }catch(PDOException $e){ die($e->getMessage()); } $st = $pdo->query("SELECT * FROM message_table"); // データの取得 header('Content-Type: application/json; charset=utf-8'); echo json_encode($result);