$.ajax({
网站的建设成都创新互联专注网站定制,经验丰富,不做模板,主营网站定制开发.小程序定制开发,H5页面制作!给你焕然一新的设计体验!已为成都橡塑保温等企业提供专业服务。
url : ‘userAction!login.action’,
type : "post",
dataType : "json",
cache : false,
error : function(textStatus, errorThrown) {
alert("系统ajax交互错误: " + textStatus.value);
},
success : function(data, textStatus) {
if(data.result=='success'){
alert("登录成功!");
}else if(data.result=='err'){
alert("登录失败!");
}
});
JQuery的弹出提示框可以有两种方式
Alert 方式以及 Confirm 方式弹出
Alert方式的弹出提示框,只能有一种抉择,那就是确定,他这是一种不可选择的提示
Confirm方式,是带有选择功能的提示框,用户可以点击确定或者取消
首先任何效果希望你自己动手去完成,我可以给你思路,但是必须自己动手去实现。
jquery能帮助你点击一个按钮弹出提示框,但是这个框是windows自带的alert框或者confime框等,你要那种关闭按钮的,推荐jqueryui实现。
jquery绑定click事件我和你详细说下。第一,$("#aaa").click(function(){}),第二,$("#aaa").bind("click",function(){}),第三,$("#aaa").live("click",function(){});其中第三种是动态元素事件绑定。
后面我和你讲讲用户不操作5秒后自动跳转,这个js有setTimeout这个方法,你可以试着看api或者百度去实现。
最后你要的那种效果最好使用jqueryui更为满足需求和美观
1、加上DIV弹出框
function AddRunningDiv() {
$("div class=\"datagrid-mask\"/div").css({ display: "block", width: "100%", height: $(document).height() }).appendTo("body");
$("div class=\"datagrid-mask-msg\"/div").html("正在处理,请稍候...").appendTo("body").css({ display: "block", left: ($(document.body).outerWidth(true) - 190) / 2, top: ($(document).height() - 45) / 2 });
}
2、取消所弹出的DIV
function MoveRunningDiv() {
$("div[class='datagrid-mask']").remove();
$("div[class='datagrid-mask-msg']").remove();
}