1. 程式人生 > >spring 4.3跨域

spring 4.3跨域


<!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 src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $("#getsms").click(function() {
            //var saveDataAry = [];
            //var USERID = document.getElementById("phoneNumber").value;
            var data1 = {
                "t":"sad"
                     };


            $.ajax({
                type : "POST",
                url : "Http://jackray-wang.picp.io:20061/DL/queryRole1",
                dataType : "json",
                // jsonp:"callback",
                // xhrFields:{withCredentials:true},
                contentType : "application/json",
                data : JSON.stringify(data1),
                success : function(data) {
                    alert(data);
                    console.log(data);
                }
            });
        });
    });
</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>