ajax でのデータ受け渡しに関して
ajax でのデータ受け渡しに関して
わかりにくい内容で申し訳ありません。
現在、ＰＨＰで作成されているプログラムの中に、ajaxを組み込みたいと考えています。
処理の動きとしては、あるプルダウンが選択された場合、すぐさまその値をもとにしてＤＢへ
検索しに行くというものです。
通常、ＰＨＰだけの処理の場合、POST等を用いて、ボタンが押されたら違うphpファイルへ値を
送る事が可能かと思われます。
その処理をajax で選択されたらすぐに検索、表示というような動きをしたいと考えて
います。
但し、同じソース、画面上の中でなら、以下のような記述で表示させる事は可能かと
思われますが、HTMLで分割した画面で、上段で選択されたプルダウンの値をもとにして、検索
された結果を下段に表示させたいと考えています。
そもそも、ajaxでは同じ画面上での受け渡ししかできず、上記のように分割されたものでは
不可能なのでしょうか。。。
初歩的な内容で申し訳ありませんが、教えて頂きたいと思います。
《記述内容》
※ 現状では以下のようなサンプル記述をもとに、自画面（同一）上では表示が可能となっています。
<script>
function createXMLHttpRequest(){
if( window.XMLHttpRequest ){
return new XMLHttpRequest();
}else if( window.ActiveXObject ){
try{
return new ActiveXObject( "Msxml2.XMLHTTP" );
}catch(e){
return new ActiveXObject( "Microsoft.XMLHTTP" );
}
}
return null;
}
function getDataPost( serverURL, objID ,obj){
var ajax = createXMLHttpRequest();
ajax.open( "POST", serverURL );
ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
ajax.onreadystatechange=function(){
if(( ajax.readyState == 4 ) && ( ajax.status == 200 )){
if(objID!=""){
var obj = document.getElementById( objID );
obj.innerHTML = ajax.responseText;
}
}
}
ajax.send( obj.name+"="+obj.value );
}
</script>
<select name="fuga" onchange="getDataPost('hogehoge.php','hoge',this)">
<option value="">---</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
<div id="hoge"></div>
よろしくお願いします。
お礼
Ajaxでないんですね！ でも、Ajax紹介していただいてありがとうございます！ いろいろと勉強中です。ご指南にただただ感謝しております。 この度はご親切にありがとうございました。