innerhtml 加载 html

Question

在一个html里，使用document.getElementById("main").innerHTML = '';}在一个div里加载了PrintBzj.aspx这个窗体，PrintBzj.aspx里有一个隐藏input，请问如何在html里获取这个input的值，我用的是session，但是太麻烦了。

Answer 1

阿里嘎多学长整理AIGC生成，因移动端显示问题导致当前答案未能完全显示，请使用PC端查看更加详细的解答过程

问题理解

你想在一个HTML页面中，使用JavaScript的innerHTML属性加载另一个HTML页面（PrintBzj.aspx）的内容到一个div元素中。

解决方案

你可以使用AJAX（Asynchronous JavaScript and XML）技术来实现这个功能。具体步骤如下：

1. 使用XMLHttpRequest或fetch API发送请求到PrintBzj.aspx页面。
2. 获取响应的HTML内容。
3. 使用innerHTML属性将HTML内容设置到div元素中。

核心代码

var xhr = new XMLHttpRequest();
xhr.open('GET', 'PrintBzj.aspx', true);
xhr.onload = function() {
  if (xhr.status === 200) {
    var html = xhr.responseText;
    document.getElementById("main").innerHTML = html;
  }
};
xhr.send();

或者使用fetch API：

fetch('PrintBzj.aspx')
  .then(response => response.text())
  .then(html => {
    document.getElementById("main").innerHTML = html;
  });

注意

• 确保PrintBzj.aspx页面的内容是可以被JavaScript访问的。
• 如果PrintBzj.aspx页面有任何JavaScript代码，可能会导致页面的行为异常。
• 使用innerHTML属性可能会导致安全问题，如果你需要加载来自外部源的HTML内容，请确保进行适当的安全检查。