プロが教える店舗&オフィスのセキュリティ対策術

<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ファイルに値を戻したいのですがどのように記述すればいいでしょうか。

A 回答 (2件)

普通はajaxを使います

    • good
    • 0

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
    • good
    • 0
この回答へのお礼

Ajaxはほとんど経験ありませんが、書いて頂いたソースを
見ればなんとなく流れはつかめました。

本当に有り難うございます。
ズバリな回答で大変助かりました!

お礼日時:2010/02/02 09:08

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!