$.ajax({
url:url,
type:"get",
success: function(date){
if(data){
alert("成功")
}else{
alert('失败')
}
}
})
}
使用 ajax 在回调函数里面判断 成功则 alert("成功") 失败 alert('失败')
要后台配合 用session 记录登录状态。 在document.ready() 中判断登录状态 老决定弹窗是否弹出；
$(document).ready(function(){if( $("#islogin").value()!=="1" ){ //一个隐藏textfield 记录是否登录
login()
}
})
后台根据session() 输出 islogin 的值
<?phpsession_start()
if ($_SESSION['islogin'])｛
echo "<input type='hidden' id='islogin' value= '1' "//这里隐藏输出 1
｝else {
echo "<input type='hidden' id='islogin' value= '0' "//这里隐藏输出 0
}
?>
在弹窗的登录事件中。登录成功后要更新后台的session['islogin'] 的值 下次在进入本页面时 就不出弹框了
用摸态框（以下示例代码来自：菜鸟教程）。<!DOCTYPE html>
<html>
<head>
<title>Foundation 实例</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/foundation/5.5.3/css/foundation.min.css">
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.static.runoob.com/libs/foundation/5.5.3/js/foundation.min.js"></script>
<script src="http://cdn.static.runoob.com/libs/foundation/5.5.3/js/vendor/modernizr.js"></script>
</head>
<body style="padding:20px">
<div style="padding:20px">
<h2>模态框</h2>
<p>模态框是一个显示在页面头部的弹窗。</p>
<button type="button" class="button" data-reveal-id="myModal">点我打开模态框</button>
<div id="myModal" class="reveal-modal" data-reveal>
<h2>Heading in Modal.</h2>
<p>Some text in the modal.</p>
<p>Some text in the modal.</p>
<a class="close-reveal-modal">×</a>
</div>
</div>
<script>
$(document).ready(function() {
$(document).foundation()
})
</script>
</body>
</html>
