js iframe实现ajax请求

你可以通过在 iframe 中使用 JavaScript 来实现 Ajax 请求。以下是一个简单的示例：

首先，在父页面中创建一个 iframe 元素，并将其添加到 HTML 中：

<iframe id="myIframe" src="about:blank" style="display: none;"></iframe>

然后，在父页面中的 JavaScript 中，使用以下代码来发送 Ajax 请求：

// 获取 iframe 元素
var iframe = document.getElementById('myIframe');

// 监听 iframe 的加载事件
iframe.onload = function() {
  // 获取 iframe 内部的 document 对象
  var iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
  
  // 在 iframe 中执行 Ajax 请求
  var xhr = new XMLHttpRequest();
  xhr.open('GET', 'your_ajax_url', true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 处理响应数据
      var response = xhr.responseText;
      console.log(response);
    }
  };
  xhr.send();
};

// 设置 iframe 的 src 属性，加载一个空白页面
iframe.src = 'about:blank';

在这个示例中，我们在父页面中创建了一个隐藏的 iframe 元素，并通过设置其 src 属性为 "about:blank"，使其加载一个空白页面。

然后，通过监听 iframe 的 onload 事件，在 iframe 加载完成后获取 iframe 内部的 document 对象。

接下来，在 iframe 中执行 Ajax 请求。这里使用了 XMLHttpRequest 对象来发送 GET 请求，并处理响应数据。

请注意，由于同源策略的限制，你只能通过 iframe 实现 Ajax 请求来访问与父页面相同域的资源。如果需要跨域请求，你可能需要使用其他方法，如 JSONP 或 CORS。