ajax 获取页面值并把获取的值显示在页面上

最新推荐文章于 2021-08-28 22:50:33 发布

编码的三叔

最新推荐文章于 2021-08-28 22:50:33 发布

阅读量1.4w

点赞数 5

分类专栏： javascript 文章标签： ajax

本文链接：https://blog.csdn.net/ppwwp/article/details/79372297

版权

javascript 专栏收录该内容

24 篇文章 1 订阅

订阅专栏


<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>ajax for springMVC</title>
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="js/json2.js"></script>

<script type="text/javascript">
    $(document).ready(function() {
        $("#getsms").click(function() {
            var saveDataAry = [];
            var USERID = document.getElementById("phoneNumber").value;
            var data1 = {
                "userId" : USERID
            };
            saveDataAry.push(data1);
            $.ajax({
                type : "POST",
                url : "saveUser",
                dataType : "json",
                contentType : "application/json",
                data : JSON.stringify(saveDataAry),
                success : function(data) {
                    alert(data)
                    console.log(data);
                    $("#userId").html(data[0].userId);
                    $("#userName").html(data[0].userName);
                    $("#userClass").html(data[0].classId);
                }
            });
        });
    });
</script>

</head>
<body>

    <form method="POST" action="register">
        <table>
            <tr>
                <td>电话号码:</td>
                <td><input id="phoneNumber" type="text" name="电话号码"></td>
            </tr>
            <tr>
                <td><input id="getsms" type="button" value="获取6位短信验证码" /></td>
            </tr>
            <tr>
                <td>验证码:</td>
                <td><input id="phonesms" type="text" name="电话号码"></td>
            </tr>
            <tr>
                <td><input id="submit" type="button" value="登录" onclick="" /></td>
            </tr>
        </table>
    </form>

</body>
</html>

编码的三叔

关注

5
点赞
踩
12

收藏

觉得还不错? 一键收藏
0
评论
ajax 获取页面值并把获取的值显示在页面上

&lt;%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%&gt;&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.d
复制链接

扫一扫