前端jQuery ajax请求，后端node.js使用cors跨域

作者：System 时间：2024年08月25日分类：所有,ajax 字数：1407

前端使用jQuery发起AJAX请求，后端使用Node.js和CORS中间件进行跨域处理的示例代码如下：

前端（HTML + jQuery）:




<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CORS Example</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script>
        $(document).ready(function() {
            $('#fetch-btn').click(function() {
                $.ajax({
                    url: 'http://your-node-server-url/endpoint',
                    type: 'GET',
                    success: function(response) {
                        console.log(response);
                        // 处理响应数据
                    },
                    error: function(xhr, status, error) {
                        console.error(error);
                    }
                });
            });
        });
    </script>
</head>
<body>
    <button id="fetch-btn">Fetch Data</button>
</body>
</html>

后端（Node.js + Express + CORS）:




const express = require('express');
const cors = require('cors');
const app = express();
 
// 使用CORS中间件
app.use(cors());
 
app.get('/endpoint', (req, res) => {
    // 响应数据
    res.json({ message: 'Success!', data: 'Your Data Here' });
});
 
const PORT = 3000;
app.listen(PORT, () => {
    console.log(`Server running on port ${PORT}`);
});

确保替换http://your-node-server-url/endpoint为你的Node.js服务器的实际URL。以上代码实现了一个简单的GET请求，并通过CORS允许跨域请求。

前端jQuery ajax请求，后端node.js使用cors跨域

评论已关闭

推荐阅读