Express模块的使用

最新推荐文章于 2025-02-19 00:51:57 发布

森屿海港-

最新推荐文章于 2025-02-19 00:51:57 发布

阅读量894

点赞数

分类专栏： nodejs 文章标签： ajax node.js

本文链接：https://blog.youkuaiyun.com/weixin_45163951/article/details/120515716

版权

本文通过一个实例介绍了Express模块的应用，包括如何处理Ajax的get、post和jsonp请求，以及静态文件的请求。讲解了Express中路由的定义，如app.get(), app.post()等，并探讨了CORS跨域资源共享的实现。同时，讨论了Express中的req和res对象，如req.query, req.body, res.send(), res.json()等方法，以及复杂跨域请求的预检机制。" 127727804,9849694,传智健康管理系统详解,"['健康管理', '预约系统', '健康评估工具', 'Java开发']

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本次介绍Express模块主要以一个小栗子来实现，涉及到前台的Ajax(post,get,jsonp)请求，静态文件的请求,后台涉及到路由相关概念

前台html页面（由于前台页面较少，将js代码返回的处理数据放在了一起）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>express模块</title>
    <script src="./static/js/jquery.min.js"></script>
</head>
<body>
 
    <input type="text" placeholder="value" id="v1">
    <input type="password" placeholder="value" id="v2"><br>
    <button>ajax_get请求</button>
    <button>ajax_post请求传递键值对</button>
    <button>ajax_jsonp请求</button>
    <button>ajax_post请求传递json数据</button>
<script>
    $(()=>{
        $('button:eq(0)').click(()=>{
            //ajax_get请求
            $.ajax({
                url:'http://127.0.0.1:8080/ajax_get',
                type:'get',
                async:true,
                dataType:'json',
                data:{username:$('#v1').val(),password:$('#v2').val()},
                success:(data)=>{
                    console.log(data);
                }
            })
        });
        $('button:eq(1)').click(()=>{
             //ajax_post请求传递键值对
             $.ajax({
                url:'http://127.0.0.1:8080/ajax_postKeyValue',
                type:'post',
                as

最低0.47元/天解锁文章