人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

Ajax And PHP

test.php?r=12 へアクセスするとAjaxを通して別のスクリプト return.php?r=12 へアクセスします。

リクエストを受けたreturn.phpはHTMLデータをリターンします。リターンされたデータを test.php?r=12 へ表示させたいのですが、どうすればいいのでしょうか?

フレームとかはなしです。よろしくお願いいたします。

●質問者: esecua
●カテゴリ:コンピュータ ウェブ制作
✍キーワード:Ajax HTML PHP test アクセス
○ 状態 :終了
└ 回答数 : 2/5件

▽最新の回答へ

1 ● b-wind
●10ポイント

表示させたいボックスに ID 属性を指定しておいて、DOM で取得。

element.innerHTML にリターンされたデータを代入すればそのまま表示されます。

http://itpro.nikkeibp.co.jp/article/COLUMN/20060530/239467/


2 ● worldtravel
●60ポイント ベストアンサー

これでいかがでしょうか

「test.php」として保存、実行

動作確認済みです

どれか忘れてしまいましたがajax本のサンプルを元にしてあります


<html>

<head>

<meta http-equiv="content-type" content="text/html;charset=utf-8" />

<title></title>

<script language="javascript" type="text/javascript">

var httpObj;

var timerId;

var timeout_sec = 10;//タイムアウト

function httpRequest() {

var target_url = '<? print "return.php?r=12"; ?>';

try {

if(window.XMLHttpRequest) {

httpObj = new XMLHttpRequest();

} else if(window.ActiveXObject) {

httpObj = new ActiveXObject("Microsoft.XMLHTTP");

} else {

httpObj = false;

}

} catch(e) {

httpObj = false;

}

if(! httpObj) {

httpObjGenerateFail();

}

// タイマー

timerId = setInterval('timeoutCheck()', 1000);

httpObj.open("GET", target_url, true);

httpObj.onreadystatechange = function() {

if (httpObj.readyState == 4) {

clearInterval(timerId);

if (httpObj.status == 200) {

document.getElementById('main').innerHTML = httpObj.responseText;

} else {

alert(httpObj.status + ' : ' + httpObj.statusText);

return false;

}

}

}

httpObj.send('');

}

// 失敗時の処理

function httpObjGenerateFail() {

alert('ご利用のブラウザーでは、当サイトをご利用頂けません。');

return false;

}

// タイムアウト

function timeoutCheck() {

timeout_sec --;

if(timeout_sec <= 0) {

// タイマーストップ

clearInterval(timerId);

// HTTPリクエスト中断

httpObj.abort();

// エラーダイアログ

alert('タイムアウト');

return false;

}

}

</script>

</head>

<body onload="httpRequest()">

<div id="main"></div>

</body>

</html>

◎質問者からの返答

well done

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ