引入所需要的插件
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
<link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui/css/layui.css" />
<script src="https://www.layuicdn.com/layui/layui.js"></script>
ajax代码逻辑部分
$(function(){
$('#Submit').on('click',function(){
var username = $('input[name=username]');
var password = $('input[name=password]');
if(username.val() == ''){
layer.msg('用户名不能为空!', {time: 1500, icon: 2});
username.focus();
return false;
}
if(password.val() == ''){
layer.msg('密码不能为空!', {time: 1500, icon: 2});
password.focus();
return false;
}
$.ajax({
// async:false,
url : "youUrl",
data: $('#theFormId').serialize(), //<from id="theFormId"> 定义form表单id
type:'post',
dataType:'json',
success:function(res){
//根据res 返回的数据进行逻辑判断
if (1 == res.code) {
if (5 == res.data.status) {
layer.alert(res.msg, {icon: 2},function(){
window.location.href = res.url;
});
}else{
window.location.href = res.url;
} else {
layer.closeAll();
if ('vertify' == res.data.status) {
fleshVerify();
}
if (2 == res.data.status) {
layer.alert(res.msg, {icon: 4});
} else {
layer.msg(res.msg, {icon: 2,time: 1500});
}
}
},
error:function(XMLHttpRequest, textStatus, errorThrown) {
layer.closeAll();
layer.alert('网络失败,请刷新页面后重试', {icon: 5});
}
});
});
});
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。