jsonp实现跨域

最新推荐文章于 2023-06-09 19:24:23 发布

Simple_IDE

最新推荐文章于 2023-06-09 19:24:23 发布

阅读量99

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/simple5960/article/details/110149935

版权

JavaScript 专栏收录该内容

58 篇文章 1 订阅

订阅专栏

HTML有些默认得标签是支持跨域的如script img等标签
所以可以通过以上标签实现跨域

服务端代码

//引入express
const express=require('express');
//创建应用对象
const app=express();
app.all('/jsonp-server',(request,response)=>{
    //jsonp实现跨域
    const data={"name":"simple"};
    let str=JSON.stringify(data);
    response.end(`handle(${str})`)
})

客户端代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #res
        {
            height: 100px;
            width: 100px;
            border: 2px solid aqua;
        }
    </style>
</head>
<body>
    <div id="res"></div>
</body>
<script>
    function handle(data)
    {
        const res=document.querySelector("#res")
        res.innerHTML=data.name
    }
</script>
<script src="http://localhost:8000/jsonp-server"></script>
</html>

Simple_IDE

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jsonp实现跨域

HTML有些默认得标签是支持跨域的如script img等标签所以可以通过以上标签实现跨域服务端代码//引入expressconst express=require('express');//创建应用对象const app=express();app.all('/jsonp-server',(request,response)=>{ //jsonp实现跨域 const data={"name":"simple"}; let str=JSON.stringify(d
复制链接

扫一扫