向客户端呈现 XMLHTTPRequest 响应？答案

【问题标题】：Present XMLHTTPRequest Response to the Client?向客户端呈现 XMLHTTPRequest 响应？
【发布时间】：2010-08-08 17:12:26
【问题描述】：

我正在使用 XMLHTTPRequest 来伪造 RESTful 接口。在响应对象从请求中返回数据后，我如何将其呈现给用户？例如，在 PUT 请求中，服务器实际上以完整的 HTML 数据页面响应（在大多数情况下），我想将整个页面显示给客户端。知道怎么做吗？我确信那里有答案，但我缺乏 JS 知识让我陷入困境，可能是由于糟糕的 JS 术语。

请注意，我非常愿意使用现代 JS 套件，例如 DOJO 或 JQuery。另外，我并不是真的在寻找类似 Ajax 的效果。事实上，一旦有几个浏览器支持正确的 HTML5 规范表单方法（GET/POST/PUT/DELETE），我就会为它转储这个 JS hack。

任何帮助将不胜感激！

编辑：与他人交谈，提出了两个想法。一种是使用 IFrame 并将数据推入其中。另一种是重定向到"data:text/html,"+xhr.responseText，这可行，但对用户来说很难看。 :/.. 我可能最终只是放弃并隐藏 HTML 表单中的方法参数（隐藏输入）并在服务器端处理它，因为我还没有看到使用 JS 的好方法实现对 RESTful 接口的客户端支持。

【问题讨论】：

你看api.jquery.com/jQuery.get了吗？
这不是和 Ajaxy XMLHTTPRequest 基本一样吗？我的意思是，我确定它会发出请求并且可以提取数据，但 XMLHTTPRequest 也可以。问题是，我如何将完整的 html 页面呈现给客户？

标签： javascript rest html xmlhttprequest

【解决方案1】：

您可以打开一个弹出式容器并将所有响应写入该容器，或者您可以使用 javascript 打开一个新窗口并将所有响应数据放入该窗口。

例如：

function writeConsole(content) {
  top.consoleRef=window.open('','myconsole',
  'width=350,height=250'
  +',menubar=0'
  +',toolbar=1'
  +',status=0'
  +',scrollbars=1'
  +',resizable=1')
  top.consoleRef.document.writeln(
  '<html><head><title>Console</title></head>'
  +'<body bgcolor=white onLoad="self.focus()">'
  +content
  +'</body></html>'  )
  top.consoleRef.document.close()
}

【讨论】：

嗯，这将在所有网站上使用，所以弹出窗口似乎不是最好的解决方案。我想我宁愿重定向到"data:text/html,"+xhr.responseText :o