我有一个模式对话框,在满足特定条件后会弹出并要求用户更改密码。
这完美地工作,但是,当请求完成时,它会返回包括模板在内的整个页面。
我在我的默认布局 ( APP/View/Layout/default.ctp
) 中运行脚本,因为它需要在每个页面上,因为用户已登录然后重定向到请求的页面。
我想知道,如何只显示请求页面的内容,而不显示模板?
这是我的 jquery 脚本:
//In the default layout
$(document).ready(function(e) {
var $dialog = $("#view_dialog").dialog(
{
autoOpen: false,
closeOnEscape: false,
closeText: 'hide',
draggable: false,
modal: true,
resizable: false,
hide:"fade",
title: 'Password Change Required',
open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); },
buttons: {
"Change Now": function() {
if($('#password').val() != "" && $('#confirm').val() != "") {
if($('#password').val() == $('#confirm').val()) {
$.ajax({
type: 'GET',
url: 'pages/password_change',
data: { password:$('#password').val(), usern : $('#usern').val() },
success: function(data) {
if(data.indexOf("SUCCESS") != -1) {
data = data.replace("SUCCESS", "");
$('#passAlert').removeClass('ui-state-error').addClass('ui-state-highlight').html(data).show('fast');
setTimeout(function() { $(this).dialog('close'); },1000);
} else {
data = data.replace("FAIL", "");
$('#passAlert').html(data).show('fast');
}
},
error: function(xhr,ajaxOptions,thrownError) {
data = data.replace("FAIL", xhr.status + ' - ' + thrownError);
$('#passAlert').html(data).show('fast');
}
});
} else {
$('#passAlert').html("Password doesn't match.").show('fast');
}
} else
$('#passAlert').html("Please complete all boxes.").show('fast');
}
}
});
if(<?php echo $showPopup ?>) {
$dialog.dialog("open");
}
目前我只是附和一个句子来检查响应。