javascript関数がajaxとphpで動作しません

私はjavascriptで、phpを呼び出すajaxを呼び出す関数を持っています javacript関数に渡すパラメータは、私が望むPHPページアクセスするには div id、すべてhtmlから、私が持っているコードに従います：javascript関数がajaxとphpで動作しません

/------------------------- ------------------------- javascript ------------------------ ----------/

function getXMLHttp() 
{ 
var xmlHttp 

try 
{ 
//Firefox, Opera 8.0+, Safari 
xmlHttp = new XMLHttpRequest(); 
} 
catch(e) 
{ 
//Internet Explorer 
try 
{ 
    xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); 
} 
catch(e) 
{ 
    try 
    { 
    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
    catch(e) 
    { 
    alert("Your browser does not support AJAX!") 
    return false; 
    } 
} 
} 
return xmlHttp; 
} 

function MakeRequest() 
{ 
var xmlHttp = getXMLHttp(); 

xmlHttp.onreadystatechange = function() 
{ 
if(xmlHttp.readyState == 4) 
{ 
    HandleResponse(xmlHttp.responseText); 
} 
} 

xmlHttp.open("GET", "ajax.php", true); 
xmlHttp.send(null); 
} 

function HandleResponse(response) 
{ 
document.getElementById('ResponseDiv').innerHTML = response; 
}

/-------------------------- ------------------------ php ------------------------- ---------/

<?php 
echo "This is a php response to your request!!!!!!"; 
?>

/------------------------------ -------------------- html ----------------------------- -----/

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <script type='text/javascript' src='ajax.js'></script> <title>PHP AJAX Example</title> </head> <body> <input type='button' onclick='MakeRequest();' value='Use AJAX!!!!'/> <div id='ResponseDiv'> This is a div to hold the response. </div> </body> </html>

は、私はあなたがしたい場合は、ホイールを再発明することができないことを言うつもりはないよ、

は

出典

2011-07-27 Rangel Bacher

独自のajax jsライブラリを作成する理由がありますか？それ以外の場合はjQueryをダウンロードしてください。（ "ajax.php"）; }）; $（ " – DefyGravity

自家製のAjaxハンドラーを使ってはいけません。 jqueryまたはmootoolsを使用します。彼らはあなたの人生をもっと楽にしてくれるでしょう。 –

は心配しないでください...非常にありがとうございましたに。 ^^

function getXMLHttp() 
{ 
    var xmlHttp 

    try 
    { 
     //Firefox, Opera 8.0+, Safari 
     xmlHttp = new XMLHttpRequest(); 
    } 
    catch(e) 
    { 
     //Internet Explorer 
     try 
     { 
      xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); 
     } 
     catch(e) 
     { 
      try 
      { 
       xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); 
      } 
      catch(e) 
      { 
       alert("Your browser does not support AJAX!") 
       return false; 
      } 
     } 
    } 
    return xmlHttp; 
} 

function MakeRequest(page, obj) 
{ 
    var xmlHttp = getXMLHttp(); 

    xmlHttp.onreadystatechange = function() 
    { 
     if(xmlHttp.readyState == 4) 
     { 
      HandleResponse(xmlHttp.responseText, obj); 
     } 
    } 

    xmlHttp.open("GET", page, true); 
    xmlHttp.send(null); 
} 

function HandleResponse(response, obj) 
{ 
    document.getElementById(obj).innerHTML = response; 
}

ここにHTML本体コンポーネントがあります。私は "引用符"を使用し、アポストロフィは使用しなかったことに注意してください。

<input type="button" onclick="MakeRequest('ajax.php', 'ResponseDiv');" value="Use AJAX!!!!"/> 
<div id='ResponseDiv'> 
    This is a div to hold the response. 
</div>

出典

2011-07-27 18:19:28 Tanoro

kkkkkkkkk、完璧なTanoro、大変ありがとう、パフォーマンス重視のためライブラリをダウンロードできません、管理パネルです..あなたは私の日を救った、hehehe –

javascript関数がajaxとphpで動作しません

答えて

関連する問題