EasyUI+SpringMVC登录路径要加http://

本文介绍了一种通过在前端页面中正确配置跨域请求路径来实现登录功能的方法。具体包括了如何设置登录表单的提交URL,并展示了如何在后端Controller接收并处理这些请求。

跨域请求后台Controller,路径必须加"http://"


我引入的文件:

   <script type="text/javascript" src="app/js/support/jquery-1.11.3.min.js"></script>
   <script type="text/javascript" src="app/js/support/jquery.easyui.min.js"></script>

    前台页面:

         <form id="loginform" method="post">
               <input type="text" class="input_name" placeholder="请输入登录账号" tabindex="0" id="uname" name="username">
               <input type="password" class="input_pass" placeholder="请输入登录密码" tabindex="0" id="upwd" name="password">
               <button type="button" onclick="submitForm()">登&nbsp;&nbsp;录</button>
         </form>


    js文件:

    $(function() {

  var loginUrl = "http://" + window.location.host + "/cloud/login";

    // 登录
   $('#loginform').form({
       url: loginUrl,
        onSubmit : function() {
           var isValid = $(this).form('validate');
            return isValid;
        },
        success:function(result){
            result = $.parseJSON(result);
            if (result.success) {
                window.location.href = indexUrl;
            }else{
                alert("xxx");
            }
        }
    });

    });

    function submitForm(){
     $('#loginform').submit();
    }


    后台 Controller:

    @RequestMapping(value = "/login", method = RequestMethod.POST)
    @ResponseBody
    public Object loginPost(String username, String password) {
        //这里可以直接使用username和password        
    }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值