2012-02-16 43 views
0

我有以下几点:我怎样才能显示一个jQuery UI对话框,而不是一个警告框,大量文本的

alert(ajaxContext.responseText); 

这表明相当大量的信息,并警告框截断误差文字,所以我看不到完整的信息。有什么方法可以使用jQuery UI对话框而不是警告框。

例如,我可以使用jQuery UI对话框并让responseText出现在可滚动区域吗?

+0

你需要明确的错误信息,在某种弹出的显示up对话框?我首先建议在弹出对话框之前在Chrome或Firebug for Firefox中使用'console.log(error_message);' – 2012-02-16 07:36:22

+0

您能解释我可以如何将这些数据发送到控制台日志以及如何查看它。我一直在使用小提琴来显示HTTP错误响应,并刚毕业来捕捉这个并且放入一个警报日志。我对其他方式显示数据感兴趣。 – 2012-02-16 07:41:29

回答

2

您可以使用类似这样http://jsfiddle.net/qQdpP/

$("<div id='newdlg'></div>").html(ajaxContext.responseText) 
.dialog({ 
resizable: false, 
minWidth: 400, 
modal: true, 
title: 'Alert', 
hide: 'scale', 
buttons: { 
    OK: function() { 
     $(this).dialog("close"); 
    } 
    }, 
    close: function(e) { 
    e.preventDefault(); 
    $(this).remove(); 
    } });​ 
1

可以覆盖JavaScript警告功能:

function alert(message){ 
     $("#alert-context").text(message); 
     $("#alert").dialog("open"); 
    } 



<div id="alert" style="display: none"> 
    <img src="/xtras/images/yellow-warning.gif"/> 
    <p id="alert-context"> 
    </p> 
</div> 
1

在你的成功的功能把你的响应消息的对话框或growl。一个jQuery用户界面对话框的例子:

//success handler of your ajax function 
success: function(ajaxContext){ 
    $('#dialog p').text(ajaxContext.responseText); 
    $('#dialog').dialog("open"); 
} 

标记

<div id="dialog" title="Basic dialog" style="display:none"> 
    <p></p> 
</div> 
相关问题