AJAX接收html文件答案

【问题标题】：AJAX receive html fileAJAX接收html文件
【发布时间】：2016-07-18 16:57:41
【问题描述】：

我目前正在编写注册表。注册成功后，我的服务器发回一个 HTML 文件，我想让 AJAX 转到登录 HTML。

有人可以帮助我使用 AJAX 和 JQUERY 吗？

这就是我所拥有的：

      $.ajax({
                                      type: 'POST',
                                      url: "http://localhost:3000/UserRegistration",

                                      dataType: 'text',
                                      data: FormData,
                                      success: function (response)  
                                      {}

还有什么是dataType？那是我发送到网址还是接收的数据类型。因为我正在发送 JSON 文件并接收 HTML？

您还知道如何在新加载的页面上运行脚本吗？例如，我想加载登录页面，并将“TickMark”图像附加到页面： $ApprovedTick.insertAfter('header');但这在新页面上不起作用

【问题讨论】：

您需要将数据类型更改为“JSON”
dataType = "您期望从服务器返回的数据类型。" - ajax().
使用 JSON 不起作用。我正在向服务器发送 JSON 并接收一个 html 文件，所以它应该保留为文本吗？

标签： jquery ajax node.js

【解决方案1】：

在ajax成功事件中，使用window.location重定向到登录页面。

enter code here

 success: function (response)  {
      window.location = "http://localhost:3000/login.html";
}

【讨论】：

谢谢！您还知道如何在新加载的页面上运行脚本吗？例如，我想加载登录页面，并将“TickMark”图像附加到页面： $ApprovedTick.insertAfter('header');但这在新页面上不起作用
对于图片部分，您需要在http://localhost:3000/login.html页面中添加脚本标签。
使用jquery文档onready事件：learn.jquery.com/using-jquery-core/document-ready

【解决方案2】：

尝试将 dataType 设置为 html。

$.ajax({
  type: 'POST',
  url: "http://localhost:3000/UserRegistration",
  dataType: 'html',
  data: FormData,
  success: function (response){
     //supposing you have an html element where you want to append 
     //the response, with an id like appendResponse
     $('#appendResponse').html(response);
  }
});

【讨论】：