通过CORS实现跨域实例

中年大妈

已于 2022-11-26 11:33:09 修改

阅读量156

点赞数

分类专栏： java 交互跨域文章标签： java 前端 javascript

于 2022-11-26 11:19:46 首次发布

本文链接：https://blog.csdn.net/m0_62403007/article/details/128049431

版权

java 同时被 3 个专栏收录

7 篇文章 0 订阅

订阅专栏

交互

1 篇文章 0 订阅

订阅专栏

跨域

1 篇文章 0 订阅

订阅专栏

一.搭建两个端口号不同的MAVE项目，使其能运行

二.代码的端口号为：8083

三. html项目的端口号：8080

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>demo</title>
    <script src="jquery-2.1.0.min.js"></script>

</head>
<body>
<div id="app"></div>
<input type="button" value="corsBtn" onclick="getData()">

<script>
    function getData(){
        //实现交互
        $.get("http://localhost:8083/demo", 
            function (msg) {
                $("#app").html(msg); //在按钮上显示java代码的内容
            });

    }
</script>
</body>
</html>

四.效果展示