在同一页面中将textarea中的数据发布到DIV标记

时间:2013-02-01 06:50:25

标签: javascript jquery html ajax

您好我尝试将数据从文本区域发布到DIV标记。但它不起作用。请帮帮我。以下是我的代码

<html>

<head>

<script>

function load()
{
var a=document.getElementById('txtarea').value;
var xmlhttp;
if (window.XMLHttpRequest)
  {
    xmlhttp=new XMLHttpRequest();
  }
else
  {
     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
    xmlhttp.onreadystatechange=function()
    {
      if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
        }
    }
xmlhttp.open("POST","one.php"+a,true);
xmlhttp.send(); 
}
</script>
</head>
<body onload="load()">
<textarea id='txtarea'>
    default
</textarea>
<div name="myDiv" id="myDiv">
    In Div Tag
</div>
</body>
</html>

one.php

<?php
echo "Hello World";
?>

在上面的html文件中,我试图获取one.php的值以及textarea中的文本。但我无法获得文本区域的值.xmlhttp.open(“POST”,“one.php”+ a,true);这里我正在做+ a来附加textarea的值,但它没有被附加,请帮助解决一些问题

2 个答案:

答案 0 :(得分:1)

未正确构建网址。

xmlhttp.open("GET",""one.php?YourQueryString="+a,true);
xmlhttp.send();

答案 1 :(得分:0)

虽然您的查询没有多大意义,但在xmlhttp.open()中,您需要一个正确的URL来发送请求。您可以将textarea值添加为查询参数,然后尝试:

xmlhttp.open("POST","one.php?val="+a,true);

但我没有看到你的AJAX语法是正确的