我的数据发布到新页面而不是指定的div

时间:2012-10-17 14:30:22

标签: javascript ajax

为什么我的帖子数据显示在新的空白页面而不是我指定的div?此脚本位于名为order.php的页面的头部。我希望提交的数据写在我在order.php上创建的“message”div中。但是当我提交时,我被重定向到update.php,其中数据写在空白页面上。

<script type="text/javascript">
    function insert() {
        if (window.XMLHttpRequest) {
            xmlhttp = new XLMHttpRequest();
        } else {
            xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
        }

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

        parameters = 'child_name'+document.getElementById('child_name').value;

        xmlhttp.open('POST', 'update.php', true);
        xmlhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
        xmlhttp.send(parameters); 
    }
</script>

2 个答案:

答案 0 :(得分:0)

您当前页面为order.php,并且您通过执行此操作将其发布到update.php xmlhttp.open('POST', 'update.php', true);

答案 1 :(得分:0)

这可能是由于正常的表单提交事件造成的。

use a simple jquery

$("#form").submit(function(){
 $.post("update.php",{paramertes:'child_name_'+$("#child_name").val()},function(data){
$("#message").html(data);
})

 return false;//don't forget to use this
})