Question

我有一个带有对话框窗口的页面，该窗口将ajax发布数据发送到服务器并接收响应。在开发过程中，可能会有两个响应 - 一个是常规（这不是问题），另一个是错误。服务器返回代码500和包含大量调试信息的页面。这是从框架返回的常规页面，包含一些javascript代码。我希望能够显示此错误页面以防万一。

问题是，我不能简单地将返回的结果附加到body元素或在新页面中打开新链接并再次加载此错误。我只是得到一个html页面而不是数据，我必须显示页面（在当前窗口或另一个页面）。

我正在使用jQuery。

Answer 1

按如下方式配置jQuery ajax设置：

$.ajaxSetup({
    error: handleXhrError
});

其中handleXhrError函数如下所示：

function handleXhrError(xhr) {
    document.open();
    document.write(xhr.responseText);
    document.close();
}

另见：

Handling of server-side HTTP 4nn/5nn errors in jQuery

Answer 2

在你的ajax回调中：

success: function (data) {
   $("html").html($(data).find("html").html());
}

这将用从AJAX请求收到的内容替换整个页面的HTML内容。适用于Chrome ...不确定IE。

尽管如此，我不确定你为什么要包含<head>部分......但是你可以轻松地修改上面的部分来显示AJAX响应体内的内容，并附加它到一个div甚至一个灯箱。好多了。

Answer 3

您也可以尝试使用数据网址，支持它的主流浏览器的最新版本：

function utf8_to_b64( str ) {
    return window.btoa(unescape(encodeURIComponent( str )));
}

function loadHtml(html)
{
    localtion.href='data:text/html;base64,'+utf8_to_b64(html);
}

这样，您可以在运行时加载任何所需的html页面。

Answer 4

以下是如何更改响应是url还是html内容（使用django \ php）的示例

        var xmlhttp;
        xmlhttp=new XMLHttpRequest();

        xmlhttp.onreadystatechange=function()
        {
            var replace_t = '{{ params.replace_t }}';
            if (xmlhttp.readyState==4 && xmlhttp.status==200)
            {
                if(replace_t == 'location')
                    window.location.replace(xmlhttp.responseText);
                else if(replace_t == 'content')
                {
                    document.open();
                    document.write(xmlhttp.responseText);
                    document.close();
                } 
            }
        }

        xmlhttp.open("GET",SOME_ASYNC_HANDLER_URL,true);
        xmlhttp.send();

Answer 5

我找到了这个解决方案。我不知道它是否正确，但对于Opera和Firefox来说它是有效的。

var error_win = window.open(
   '',
   'Server error',
   'status=0,scrollbars=1, location=0'
);
error_win.document.write(XMLHttpRequest.responseText);

Answer 6

您是否尝试过简单地创建一个元素并将返回的错误页面插入元素中？我使用错误页面和jQuery执行此操作。

    var errorContainer = $( '<div/>' );
    errorContainer.html( errorTextResponse );
    errorContainer.appendTo( $( 'body' ) );

Answer 7

我可能会误解，但你知道你特意要显示的结果中的哪些元素？你可以尝试这样的事情：

  success: function(data){
               //store the response
               var $response=$(data);
               //use .find() to locate the div or whatever else you need
               var errorMessage = $response.find('#warning').text();
               alert(errorMessage);      
            }

那是你在找什么？

Answer 8

我认为没有办法做到这一点。 iframe用于加载其他页面，并且没有其他沙箱可以转储独立页面 - 这就是为其设计的框架。

使用您正在使用的框架可能很困难，但是为您的Ajax请求生成不同的错误可能是值得的。我的Ajax页面只会发送

{"exit": 1, "message": "As in the shell, a non-zero exit is an error and this is why..."}

Answer 9

刚想出来了就像

一样简单

document.body.innerHTML = YourAjaxrequest.responseText;

_______________________________________________ ^这里是用你的回复写你当前的HTML页面的内容。

request.onreadystatechange = function() {
      if (request.readyState == 1) {
        document.getElementById('sus').innerHTML = "SENDING.......";
    } 
      if (request.readyState == 3){
        document.getElementById('sus').innerHTML = "SENDING >>>>>>>>>>>>>";

    }

     if (request.readyState == 4 && request.status == 200) {

        //document.getElementById('sus').innerHTML = request.responseText;

    document.body.innerHTML = request.responseText;


     }
  }
   request.send(formD);



  },false);

用ajax内容替换当前页面

9 个答案:

另见：