<check.js>---------------------
function check(obj){
document.write('<script type="text/javascript" src="check.php?code=' + obj.value + '"></script>');
}
-------------------------------
check.jsを読み込んだページ内のテキストボックスの
onblurイベント時にPHPファイルを読み込みたいのですが、
check.jsを上記のように書くとページがcheck.phpの内容で再描画されてしまいます(当たり前ですね)
check.phpにはGETにてパラメータを渡し、DBへ接続して値を抽出する処理だけさせて
元のjsファイルに値を戻したいのですがどのように記述すればいいでしょうか。
No.2ベストアンサー
- 回答日時:
Ajaxライブラリ使えば かんたんに書けます。
かなり 投げやりな書き方でしたが、以下のような感じです。
<html>
<head>
<meta http-equiv=content-type content=text/html; charset=utf-8>
<script type='text/JavaScript' src='./prototype.js' charset='utf-8'></script>
<script language='JavaScript'><!--
function axs(par) {
new Ajax.Updater("hoge02" , "ajx.php", { method:'post' , parameters:par });
}
function del() {
$('hoge02').innerHTML = '';
}
--></script>
</head>
<body>
<form><input type=button value='ボタン' onClick='del()' onBlur='axs(1)'></form>
<div id=hoge02>aaa</div>
</body>
</html>
別に ajx.php として、以下のようなのもご用意ください。
<? print date("Y-m-d H:i:s"); ?>
Ajaxライブラリ prototype.js に関しては ↓をご参照ください。
http://www.openspc2.org/JavaScript/Ajax/ref/prot …
http://www.prototypejs.org/download
Ajaxはほとんど経験ありませんが、書いて頂いたソースを
見ればなんとなく流れはつかめました。
本当に有り難うございます。
ズバリな回答で大変助かりました!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript 【jquery】EasyUIのSubGridにMySQLのテーブルデータを表示&編集にしたい 5 2022/05/02 13:10
- MySQL MySQL,JavaScript,PHPコードの結果を表示する方法を教えてください。 1 2023/02/13 17:49
- JavaScript 正規表現について質問です。条件に合う場合はtrueを返したい 3 2022/10/06 23:02
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- Visual Basic(VBA) Excel VBAの解読について質問があります。 概要は、マクロでチェックボックスにチェックすると日 1 2023/02/10 07:50
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- ドライブ・ストレージ USBメモリが勝手に接続解除される。 2 2022/06/30 12:38
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
フレーム内の要素へのXPATHはど...
-
Folder.selectDialog()について
-
日付が変わると自動更新
-
JQUERY のEmpty()処理について
-
backbone.js テンプレートの表...
-
ホームページのジャンプ先を制...
-
環境:WinXP+IE7+jquery1.4.2
-
カンマ区切りのデータを配列に...
-
SQLのmaxで求めた値を変数に代...
-
JavaScriptでtabindexの変更っ...
-
jQueryを使いformでsubmitした...
-
javascriptでフォーム部品の参...
-
絞り込み検索の後にソートを追...
-
readyStateが4にならない原因
-
JQueryでAjax通信をキャンセル...
-
指定した時間のみ表示されるよ...
-
Javascriptを使ってQRコード読...
-
AjaxでJSONを受信すると、文字...
-
javascriptの計算結果をvalue=""に
-
jQueryのblockUIをformのボタン...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
jQueryで追加した要素がマウス...
-
一定時間ごとに表示内容を切り...
-
jQueryでloadした部分に.jsが効...
-
フレーム内の要素へのXPATHはど...
-
Safariでの onload="getData()"...
-
毎日午前0時にhtmlを切り替えた...
-
google map api で下記のhtmlが...
-
テーブルの形式を整えるJavascript
-
jQuery toggle() 戻るで開いた...
-
javaの変数又はデータの共有
-
JavaScriptで擬似フレーム、読...
-
自動で現れるTOPにもどるボタン...
-
Folder.selectDialog()について
-
div要素の入れ替え。半透明イメ...
-
jqueryを使った共通html埋め込...
-
複数の特定のURLからのみアクセ...
-
Fire Foxで作動しないscriptが...
-
onblurイベント時にPHPファイル...
-
XHTMLで外部JSファイルを読み込...
-
phpからget送信で持ってきたデ...
おすすめ情報