关于js的ajax问题

2016/12 01 14:12
此文章不得转载,如有需要请联系网站管理员。

一度的温暖,一百度的爱情,来自于ys3399盈丰国际官网网址的点点滴滴

新手刚末尾学ajax,遇到个题目,为什么我的ajax提交了一次之后,修正再次提交数据无法变革?,盼望那集团能告诉一下,谢谢

js代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>

    <body>
            
            姓名:<input type="text" name="user-name" />
            年龄:<input type="text" name="age"/>
            <button id="sub">提交一下</button>
        
        <script type="text/javascript">
            var oBtn = document.getElementById"btn";
            var osub=document.getElementById"sub";
            var oname=document.getElementsByName"user-name"[0];
            var oage=document.getElementsByName"age"[0];
            osub.onclick=functione{
                var xmp=new XMLHttpRequest;
                xmp.open"POST","1.get.php",true;
                xmp.setRequestHeader"content-type","application/x-www-form-urlencoded";
                xmp.send"user-name="+oname.value+"&"+"age="+oage.value+"&"+[new Date.getMilliseconds];
                xmp.onreadystatechange=function{
                    ifxmp.readyState===4{
                        ifxmp.status===200{
                            document.body.innerHTML+=xmp.responseText;
                        }
                    }
                }
            }
        </script>
    </body>

</html>

PHP代码:

<?php
    header"Content-type: text/html; charset=utf-8";
    $x=$_POST[user-name];
    $y=$_POST[age];
    echo "你的姓名{$x};你的年龄{$y}";
   

ajax 传输数据没题目 方才用你的代码试过了
题目是 假定你第一次数据告成前往了 你的代码一定实行了 document.body.innerHTML+=xmp.responseText; 这行代码 如许的话你的body里面就没有表单了 再怎样提交?

楼上正解,再建一个div添加照应信息。说个不相干的,Onreadystatechange最好加在open前

(看完/读完)这篇文章有何感想! 来看看ys3399盈丰国际官网网址是怎么评论的吧!

--转载请注明: ys3399盈丰国际官网_www.ys3399.com_ys3399盈丰国际官网网址 » 关于js的ajax问题

发表评论

(必填)