onChange に関して
わかりにくい内容で申し訳ありません。
PHPで作成されているプログラムの中に、Javascriptを組み込みたいと考えています。
処理の動きとしては、あるプルダウンが選択された場合、すぐさまその値をもとにしてDBへ
検索しに行くというものです。
通常、PHPだけの処理の場合、POST等を用いて、ボタンが押されたら違うphpファイルへ値を
送る事が可能かと思われます。
その処理をJavascript で選択されたらすぐに検索、表示というような動きをしたいと考えて
います。
同じソースの中でなら、例えば選択された値を別のテキストに表示するというような事はした
事はありますが、そもそもJavascript でPUT 処理のような事は可能なのでしょうか???
初歩的な質問で申し訳ありませんが、教えて下さい。
よろしくお願いします。
No.7ベストアンサー
- 回答日時:
XMLHttpRequest(Ajax) の解説を下記URLにまとめました。
XMLHttpRequest()
http://vird2002.s8.xrea.com/test/XMLHttpRequest. …
yurix_1さんは継続質問されているようなので、リンクを貼っておきます。
ajax でのデータ受け渡しに関して | OKWave
http://okwave.jp/qa/q6058023.html
# fujillinさん のおかげで気が付きました。感謝!
No.6
- 回答日時:
#2, 5 です。
#5 を一部訂正します。
訂正前: ・new DOMParser() で [object Document] を生成する。(Firefox独自拡張)
訂正後: ・new DOMParser() で [object Document] を生成可能なパーサを返す。(Firefox独自拡張)
No.5
- 回答日時:
#2 です。
XMLHttpRequest() でHTML文書を得る場合は、responseText で文字列リテラルを受け取ってください。
XMLHttpRequest
http://www.w3.org/TR/XMLHttpRequest/#the-respons …
XMLHttpRequest - MDC
https://developer.mozilla.org/ja/XMLHttpRequest
文字列リテラルをDOMノードに変換する方法は、いくつかあります。
・HTMLDocument.innerHTML でノードを流し込む。(HTML5標準)
・document.implementation.createHTMLDocument() で [object HTMLDocument] を生成する。(HTML5標準)
・document.implementation.createDocument() で [object Document] を生成する。(DOM L3 Core標準)
・document.implementation.createLSParser() で [object Document] を生成する。(DOM L3 Load and Save標準)
・new DOMParser() で [object Document] を生成する。(Firefox独自拡張)
・new ActiveXObject("htmlfile") で [object HTMLDocument] を生成する。(IE専用)
※ Firefox, Opera は [object Document] を [object XMLDocument] に置き換えてください。
下記URLにサンプルをまとめました。
createHTMLDocument(), createDocument()
http://vird2002.s8.xrea.com/test/document.implem …
new DOMParser(), new ActiveXObject("htmlfile") はシンプルで不具合がなく、使いやすい印象を持ちました。
しかし、HTML文書を [object Document] (XML文書のオブジェクト) として出力するのは好ましくないので、createHTMLDocument() と組み合わせる必要はあると思います。
createLSParser() はまだ使いこなせていません。
唯一対応しているはずの Opera v10.60 で動作しないのはコードの書き方に問題があるだけかも…。
No.3
- 回答日時:
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>
この回答への補足
回答ありがとうございます。
返事が遅くなり申し訳ありません。
1点、受け取り側の表示はどのように記述すればよいか?を教えて
頂ければ幸いです。
何から何まで質問する形で大変申し訳ありませんが、教えて下さい。
No.2
- 回答日時:
> そもそもJavascript でPUT 処理のような事は可能なのでしょうか?
「POSTメソッド」「PUTメソッド」のどちらを希望しているのでしょう?
とりあえず、XMLHttpRequest() で実装可能です。
XMLHttpRequest の利用 - MDC
https://developer.mozilla.org/ja/Using_XMLHttpRe …
同期処理なら、HTMLFormElement.submit() でもいいと思います。
form.submit - MDC
https://developer.mozilla.org/ja/DOM/form.submit
この回答への補足
>「POSTメソッド」「PUTメソッド」のどちらを希望しているのでしょう?
申し訳ありません。 POSTメソッドを希望しています。
XMLを利用しなければ実現は難しいでしょうか。。。 可能であれば、javascript あるいは
ajax あたりで開発をしたいと考えているのですが。。。。
初歩的な質問で申し訳ありません。
教えて下さい。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
.txtファイルの読み込み
-
インラインフレームを自動更新...
-
AJAXでのリロードに関して
-
マスターページ使用時のJavascript
-
連番タイトル名を基準にリンク...
-
Python: TypeError
-
意味を教えてください。
-
CSSプルダウンメニューとjQuery...
-
IEとIE以外のブラウザで表...
-
inputタグ内にあるid属性の意味?
-
複数の自動スライドショー(jQue...
-
前後の「+」の意味は?
-
background をフェードしながら...
-
JavaScriptでtabindexの変更っ...
-
jQuery3 reset()が効かない。
-
【javascript文法】 prototype...
-
Ajax を Fetch API に 書き換え...
-
Javascriptを使ってQRコード読...
-
jqueryを使った共通html埋め込...
-
入力した文字をDBと照合させて...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
[jQuery UI] sortableを使いaja...
-
.txtファイルの読み込み
-
jsのreturnで値が返ってこない
-
iframeのソースを取得
-
変数にドットをいれることはか...
-
JavaScriptでリンク先コンテン...
-
ajaxでPOSTする変数の変数名を...
-
読み込み開始から読み込み終了...
-
jqueryを使いajaxで取得したデ...
-
$.ajax({ って何ですか?
-
jqueryでの外部XMLファイルの読...
-
PHPで動的に生成されるcsvの、...
-
Javascriptを使ってQRコード読...
-
JavaScriptでtabindexの変更っ...
-
二つのbxsliderをレスポンシブ...
-
readyStateが4にならない原因
-
階層別の組織図の自動作成について
-
JavascriptからPHPへのAjax通信...
-
AjaxでJSONを受信すると、文字...
-
jQueryのblockUIをformのボタン...
おすすめ情報