跨域请求后台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()">登 录</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
}
本文介绍了一种通过在前端页面中正确配置跨域请求路径来实现登录功能的方法。具体包括了如何设置登录表单的提交URL,并展示了如何在后端Controller接收并处理这些请求。
5万+

被折叠的 条评论
为什么被折叠?



