javascript - 关于js的ajax问题
PHP中文网
PHP中文网 2017-04-11 13:30:31
0
2
128

新手刚开始学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=function(e){
                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(){
                    if(xmp.readyState===4){
                        if(xmp.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}";
   
PHP中文网
PHP中文网

认证高级PHP讲师

人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!