js动态加载另一个页面的内容
当前位置:点晴教程→知识管理交流
→『 技术文档交流 』
:js动态加载另一个页面的内容 function get_table_value(){ const sourcePageUrl = 'product_data_management_checkinfo.asp?product_code=<%=product_code%>'; const tableId = 'middleTable';
fetch(sourcePageUrl) .then(response => { // 检查响应的内容类型,获取字符编码 const contentType = response.headers.get("Content-Type"); const encoding = contentType && contentType.includes("charset=") ? contentType.split("charset=")[1] : "gb2312"; return response.arrayBuffer().then(buffer => { // 创建一个 TextDecoder 实例,使用响应中的编码 const decoder = new TextDecoder(encoding); return decoder.decode(buffer); }); }) .then(html => { // 解析HTML字符串,创建DOM元素 const parser = new DOMParser(); const doc = parser.parseFromString(html, 'text/html'); // 从解析后的文档中获取表格 const table = doc.getElementById(tableId); // 检查表格是否存在 if (table) { // 将表格添加到当前页面的某个元素中 document.getElementById("get_table_value").appendChild(table.cloneNode(true)); } else { console.error('Table not found'); } }) .catch(error => { console.error('Error fetching the page:', error); }); } 该文章在 2024/12/16 16:54:07 编辑过 |
关键字查询
相关文章
正在查询... |