jQuery的ajax请求express服务器返回数据

html页面

复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
    <script>
        var params={val:""}
        $.ajax({
            type: 'GET',
            url: 'http://127.0.0.1:3000/',
            data: JSON.stringify(params),
            processData: false,//jquery是否是否处理data数据
            contentType: 'application/json',
            dataType: 'json'
        }).then(function(ret){
            console.log(ret);
        }).catch(function(err){
            console.log(err.statusText)
        })
    </script>
</body>
</html>
复制代码

express服务器:

这里记得安装cors插件,为了解决跨域

npm install cors

express 服务器代码:

复制代码
var express = require("express");//引入express
var cors = require('cors');
var app = express();//创建express实例
app.use(cors());//为了解决跨域问题
app.get("/",function(req,res){//定义路由 还有post delete方法 是express定义的
    var responseObject = {//也可以是数组 数组也会转化为json
        name:"大伟",
        age:27
    }
    res.json(responseObject)
});

app.listen(3000);
console.log("listening to port 3000")
复制代码

启动这个服务器后,打开上面的html页面,会请求到数据!!!!

 

posted @   古墩古墩  Views(943)  Comments(0Edit  收藏  举报
编辑推荐:
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示