Ajax - 将内容加载到Textarea中

时间:2012-01-12 22:31:15

标签: php javascript

我有这个简单的ajax代码,由于某种原因它不会将内容加载到textarea上。我需要它来加载内容,以便可以在textarea中进行编辑。

这是代码,我不确定我做错了什么。但它显示在这样的div中

<div id="content"></div>

这是完整的代码

<html>
<head>
<title>Editing Page Content</title>

<script type="text/javascript">
function showCustomer(str)
{
var xmlhttp;    
if (str=="")
  {
  document.getElementById("content").innerHTML="";
  return;
  }
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("content").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","load.php?file="+str,true);
xmlhttp.send();
}
</script>

</head>
<body>
    <p>Page Select to edit</p>      

        <?php  

             $result = mysql_query("SELECT pagename FROM site_content");            
                echo "<select name=\"pagename\" onchange=\"showCustomer(this.value)\" style=\"width:300px;\">";             
                echo "<option selected  value=''>Please select a page to edit...</option>";             
                 while($row = mysql_fetch_assoc($result)){ 
                 echo "<option selected value='" . $row['pagename'] ."'>" . $row['pagename'] . "</option>\n";           
               }            
             echo "</select>";          

             ?>     

            <div id="content">
                 **it works here**
             </div>

            <textarea cols="50" id="area1" style="position: absolute; width: 700px; height: 300px;">
                     **It won't work here**
            </textarea>  

            <input type="button" value="Submit content">  

            </div>     
        </body>             
</html>

任何帮助都将不胜感激。

2 个答案:

答案 0 :(得分:3)

从您的代码中,这看起来完全符合您的要求:

if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
  document.getElementById("content").innerHTML=xmlhttp.responseText;
}

由于您的div具有“内容”ID,因此响应将被放置在那里。尝试类似:

document.getElementById("area1").value = xmlhttp.responseText;

我还必须建议您查看PHP documentation on choosing a MySQL API mysql_*,因为{{1}}被视为过时且已被长期弃用。

答案 1 :(得分:0)

这对我有用:

document.getElementById("area1").value=xmlhttp.responseText;