<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ランキング
-
読み込んだQRコードをフォーム...
-
セレクトを全て選択されていな...
-
switch文のswitch(n)の部分を複...
-
セレクトボックスを2つ選択して...
-
jQueryで同じクラス名のものを...
-
①入力フォーム→②確認表示画面→③...
-
jQueryでシンセサイザーを作っ...
-
IndexedDB を使ってファイルア...
-
スマホ上で、左右スワイプで次...
-
GASに文字列として関数を入れる...
-
フォームが空欄の時にフォーム...
-
二次元配列の全要素の全要素を...
-
【GAS】WEBアプリでハイパーリ...
-
画像の表示位置
-
【Google Apps Script】「ライ...
-
変数宣言と初期値代入の場所に...
-
プログラミング 学習
-
HTMLでサブフレームから親のス...
-
ジャバスクリプトについて。
-
プログラムについて。
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
jQueryで追加した要素がマウス...
-
一定時間ごとに表示内容を切り...
-
jQueryでloadした部分に.jsが効...
-
フレーム内の要素へのXPATHはど...
-
Safariでの onload="getData()"...
-
毎日午前0時にhtmlを切り替えた...
-
google map api で下記のhtmlが...
-
テーブルの形式を整えるJavascript
-
JavaScriptで擬似フレーム、読...
-
javaの変数又はデータの共有
-
jQuery toggle() 戻るで開いた...
-
自動で現れるTOPにもどるボタン...
-
Folder.selectDialog()について
-
div要素の入れ替え。半透明イメ...
-
複数の特定のURLからのみアクセ...
-
Fire Foxで作動しないscriptが...
-
jqueryを使った共通html埋め込...
-
XHTMLで外部JSファイルを読み込...
-
onblurイベント時にPHPファイル...
-
inputの中身を書き換える方法に...
おすすめ情報