原因:彈出提示框,讓用戶先登錄,纔可以進行被保護的操作,想要提示框中的文檔帶超鏈接;
過程:
alert:實現不了,文字會原樣展示
自定義alert:就想實現一個簡單的功能,不想寫太多代碼
jquery ui dialog:簡單,div中支持複雜的樣式展示
html:
<div id="alertlogin" title="請先登陸">
<p><a href='/login?next={{ url_escape(request.uri) }}'>登陸</a>後,修改的數據纔會保存</p>
</div>
js:
#先隱藏掉
$('#alertlogin').hide();
#ajax請求
$.ajax({
async: false,
type: "get",
url: "/updateissue",
data: {
'id': 1,
},
success: function(data) {
if (data['messge'] == "success") {
alert("編輯成功");
} else {
#彈出提示框
$("#alertlogin").dialog();
}
return false;
},
error: function() {
alert("Error");
},
complete: function() {
}
});
引用文章:jQuery UI 實例 - 對話框(Dialog)
http://www.runoob.com/jqueryui/example-dialog.html