Ajax请求带token，返回静态页面，兼容ie的方法

最新推荐文章于 2023-02-12 08:00:00 发布

Asciphx

最新推荐文章于 2023-02-12 08:00:00 发布

阅读量376

点赞数 1

分类专栏： javaScript

本文链接：https://blog.csdn.net/qq_33359662/article/details/108663869

版权

javaScript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

请先确保另外一个页面的head与该页面的head一致，才能支持ie版本小于10的浏览器，因为此时head是只读的，只有ie版本大于9，head才能在当前页变动，所以：


<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Ajax</title>
  <link rel="stylesheet" href="./static/css/App.css">
</head>

function ajax(){
    $.ajax({
      url: "http://localhost:3000/admin/index.html",
      type: "GET",
      dataType: "html",
      headers: {
        authorization: document.getElementById("token").value
      },
      async: false,
      success: function(data) {//高版本ie的浏览器，允许直接全部替换
        if(document.documentMode >9|| document.documentMode == undefined){
          var a=document.createElement("html");a.innerHTML=data.replace(/(<!|<)\w* ?html>\n?/g,"")
          document.documentElement.parentNode.replaceChild(a,document.documentElement)
        }else{//当在低版本ie的情况下，可以直接替换body来实现
          data=data.replace(/\n?(<!|<)\w* ?html ?(lang="en")?>|<\/html>/g,"")
          document.body.innerHTML=data.replace(/.*(?=)+<body/g,"<body")
          // document.head.innerText=data.replace(/\<head\>((\n.*)+)\<\/head\>/g,"$1")
          // document.head在ie<10版本会是只读,所以若兼容ie10以下的版本，head尽量保持一致
        }
      },
      error: function(data) {
        document.getElementById("ajax").innerText=data.statusText
        // console.log(data);
      }
    });
  }

Asciphx

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Ajax请求带token，返回静态页面，兼容ie的方法

请先确保另外一个页面的head与该页面的head一致，才能支持ie版本小于10的浏览器，因为此时head是只读的，只有ie版本大于9，head才能在当前页变动，所以：<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Ajax</title> <link rel
复制链接

扫一扫

专栏目录