I found another cross domain method by chance. I don't know if anyone has ever played this way

 as everyone knows ,jsonp Take advantage of the feature that the browser does not restrict the loading of cross domain external resources , Use script label src Property request interface , Load data , stay script Trigger the function declared in advance to get the data , The front-end predecessors are sharp in their operation .

Copy

In fact, one-way interface calls can be implemented using any resource tag , The key is how to get the data returned from the back end to realize two-way interaction . Modern browsers offer getComputedStyle This API, Made by js You can get the final application of an element css style .（ Low version IE In Chinese, it means currentStyle）. As shown below ：

In this way , We can do that css Style to get the desired data text 1. Using pseudo class ::after or ::before Of { content:”{ data }” } Or make use of font-family：”{ data }”

---

data.css  Code 
.data-div{
    font-family: "{a:'1'}";
}

Copy

2. Dynamic loading css style , And monitor it load event , I use static files here （ The above data.css）, If you are interested, you can write an interface to try .

---

<div class="data-div" style="width:50px;height:50px;background:red;"></div>
<script>
    div = document.getElementsByClassName("data-div")[0]  // Apply style to data labels 
    div.onclick = function(){
        var link = document.createElement("link");
        link.rel = "stylesheet"
        link.href = "/data.css"
        link.type = "text/css"
        link.onload = function(){
            console.log(window.getComputedStyle(div)["fontFamily"]); // Get written in font-family Attribute data 
        }
        document.head.appendChild(link)
        
    }
</script> 

Copy

3. Click on the data tab , You can see the output as follows ：

PS： This method and JSONP It also needs the cooperation of the back end to splice the data to the front end according to certain rules , In fact, there is no egg to use now , It is rarely used nowadays JSONP Implement cross domain requests . But it's OK to play by yourself , By the way, pay tribute to the wave JSONP, Pay tribute to a wave of predecessors

Publisher ： Full stack programmer stack length , Reprint please indicate the source ：https://javaforall.cn/101349.html Link to the original text ：https://javaforall.cn