![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
javascriptの初心者です。宜しくお願い致します。
php5で、開発していますが、javascriptからphpを呼んで、
結果をリアルタイムに画面に表示させる方法が分かりません。
【やりたい事】
1.画面上に、現在の日時を表示させる。
2.5秒毎に、phpを呼び出し(DB接続し結果を取得)して、
その結果を、画面上に表示させる。
※DBへの接続は、javascript内ではやりたくありません。
下記に、現在時刻を表示するjavascriptがありますが、
この中で、5秒毎に、phpを呼び出したいのですが、
出来るのでしょうか?
</head>
<script language="Javascript">
<!--
function time_disp() {
d = new Date();
document.all.nowdate.value = d.toLocaleString();
window.setTimeout("time_disp()", 1000);
}
-->
</script>
<body onload="time_disp();">
<input type="text" name="nowdate" size="30" readonly>
<input type="text" name="data1" readonly> ←phpから取得した値1
<input type="text" name="data2" readonly> ←phpから取得した値2
</body>
No.3ベストアンサー
- 回答日時:
AJAXを使って、面倒なのでname指定はid指定に変更
function time_disp() {
d = new Date();
document.getElementById("nowdate") = d.toLocaleString();
var xmlHttp =(window.ActiveXObject)?new ActiveXObject("Msxml2.XMLHTTP"):new XMLHttpRequest();
xmlHttp.onreadystatechange = function(){
if (xmlHttp.readyState == 4 && xmlHttp.status == 200){
var data=eval("("+ xmlHttp.responseText + ")");
document.getElementById("data1").value = data["1"];
document.getElementById("data2").value = data["2"];
}
});
xmlHttp.open("GET","PHPのプログラムのURI",true);
xmlHttp.send(null);
window.setTimeout("time_disp()", 1000);
}
phpは、{"1":"hoge","2":"fuga"}のような
JSONデータを返す前提です。
No.4
- 回答日時:
訂正 });じゃなく};でした。
xmlHttp.onreadystatechange = function(){
if (xmlHttp.readyState == 4 && xmlHttp.status == 200){
var data=eval("("+ xmlHttp.responseText + ")");
document.getElementById("data1").value = data["1"];
document.getElementById("data2").value = data["2"];
}
};
丁寧に記述してくださり、ありがとうございます。
これで、うまく行きそうです。
まだ、javascriptも初心者で、ajaxも初めての
試みですが、こちらのソースで導入に向けて
勉強したいと思います。
本当にありがとうございました。
No.2
- 回答日時:
一定時間毎にmetaタグでリロード出来るのなら、
データをJSONPみたいな方法で受け渡す手もありそうです。
<head>に
<script src="DBへアクセスするPHPのuri"></script>
を加えておいて、
PHPはJSON形式みたいにdata={......}だけを出力するようにしておく。
javascriptはonloadの後にdataを参照して、お好きなところに
DOM関数でセットすればよいかも。
ありがとうございます。
同画面内に入力フォームがあるので
リロードしてしまうと、途中で消えてしまうので
どうにか、出来ないかと思っている次第です。
色々なサイトを探して、サンプルが載っていたもので
javascriptから、phpを呼んで見たのですが、
それも、うまく行かずにエラーになってしまいます。
記述方法のサンプルなど、ご教授願えないでしょうか。
宜しくお願い致します。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- PHP PHP MySql 画像を取得 1 2022/06/04 14:05
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
- PHP PHPでCookieを使った訪問回数について 1 2023/05/28 14:10
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
クリックさせたいが、click()が...
-
onchangeイベントを強制的に発...
-
javaScriptの変数をJavaの変数...
-
formのfileの値をhiddenでも持...
-
クリック→テキストボックスに追加
-
VB.NETで<Input>タグ、<text...
-
SubとEnd Subについて
-
ブラウザの外にあるマウスの情...
-
javascriptでtextareaに文字列...
-
インラインフレームから親ウィ...
-
プルダウン 項目が多いので先頭...
-
一覧から選択した行の行番号を...
-
Selectボックスの幅を自動で広...
-
VBSでブラウザ上のテキストボッ...
-
javascriptで<table>背景色の取得
-
別ページからOnclickでテーブル...
-
特定<table>内の<td>の色を変える
-
JavaScriptde途中で、「exit」...
-
チェックボックスの設定
-
name属性が同じフォームが複数...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
onchangeイベントを強制的に発...
-
追加ボタンを押した際に ok ボ...
-
クリックさせたいが、click()が...
-
onclickが動作しない
-
ボタンかリンクをクリックする...
-
javaScriptの変数をJavaの変数...
-
formのfileの値をhiddenでも持...
-
JSのボタンを複数う使うには
-
JavaScriptのfileオブジェクト...
-
innerHTML内では改行は禁止?
-
開いた子ウィンドウにあるボタ...
-
VB.NETで<Input>タグ、<text...
-
BackSpaceしたい(QNo.2734284の...
-
JQueryでfunctionに引数としてI...
-
オンクリックで現在時刻の取得→...
-
複数のテキストボックスの値の...
-
テキストフィールド未入力の場...
-
onClickがinput type="image"だ...
-
Javascriptで'(シングルクォー...
-
コマンドボタンでショットカッ...
おすすめ情報