当前位置：网站首页>Jsonp processing non homologous

Jsonp processing non homologous

2022-06-25 19:42:00 【Xibing_ G】

Ajax You can send... To the server without refreshing the page , because Homologous restriction , You cannot send requests that are not from the same source

What is non homologous ：
Different agreements 、 Different domain names 、 Different ports , Any difference is non homologous

have access to jsonp To solve the problem of non homologous request sending

principle ：
Write the non homologous request address in script Labeled src Properties of the , and src It is not restricted by homology Of

As src Properties of , Although it is a string type , But because it was written in script in , It will be executed as a script

Then, non homologous request access is realized

give an example 1：（ stay 3000 Write... In the static file under the port script To visit 3001 Port of /test route ）

Test let 3001 Port of test Routing returns 3000 Functions in the client fn() As a response

script Will execute in script mode , So it will be executed 3001 Response result of , It will also execute the client's fn function

So it's important to note that ： In this test , Client's fn The function with the same name needs to be defined in script Before calling it

Server port 3000 Under the html File code ：

<body>
    <script>
        function fn() {
            console.log('3000 Port client fn Function called ');
        }
    </script>
    <script src="http://localhost:3001/test"></script>
</body>

3001 Server-side code ：

const express = require('express');
const jsonp = express();

jsonp.get('/test', (req, res) => {
    const result = 'fn()';
    res.send(result);
})

jsonp.listen(3001);
console.log('3001 Monitored ');

Server side Be careful matter ： There will be fn Pass on to send Respond to the client in , And is In string format , If you will fn() To pass （const result=fn();）, This means that it will be done directly on the server side fn Function call .

so ：3000 Files under port pass script attribute src The method of introducing request address realizes non - homologous request access

原网站

版权声明
本文为[Xibing_ G]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/02/202202190516374170.html

当前位置：网站首页>Jsonp processing non homologous

Jsonp processing non homologous

边栏推荐

猜你喜欢

随机推荐