简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - 关于js的ajax问题
PHP中文网
PHP中文网 2017-04-11 13:30:31
0
2
183

新手刚开始学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讲师

全部回复(2)
阿神
阿神2017-04-11 13:32:31 2 楼

ajax 传输数据没问题 刚才用你的代码试过了
问题是 假如你第一次数据成功返回了 你的代码肯定执行了 document.body.innerHTML+=xmp.responseText; 这行代码 这样的话你的body里面就没有表单了 再怎么提交?

点赞 +0
添加回复
巴扎黑
巴扎黑2017-04-11 13:32:31 1 楼

楼上正解，再建一个p添加响应信息。说个不相关的，Onreadystatechange最好加在open前

点赞 +0
添加回复
热门专题
更多>
热门文章
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！