nodejs-express接收ajax请求

最新推荐文章于 2024-01-29 23:07:22 发布

Rookie__Li

最新推荐文章于 2024-01-29 23:07:22 发布

阅读量4.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： nodeJS 文章标签： ajax nodejs express

本文链接：https://blog.youkuaiyun.com/rookie_li/article/details/38385759

nodeJS 专栏收录该内容

12 篇文章

订阅专栏

本文详细介绍了如何在Node.js的Express框架下接收并处理Ajax请求。通过实例代码解析，帮助开发者理解Express与Ajax的结合应用。

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

index.ejs

<!DOCTYPE html>
<html>
  <head>
    <title><%= title %></title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
    <script src="/javascripts/jquery.min.js"></script>
    <script>

        function ajax(){
            $.ajax({
                url: "/ajax",
                type: "GET",
                dataType: "json",
                data: {
                    id: 111,
                    title: 'aaa',
                    content: 'bbb'
                },
                contentType: "application/json",
                cache: false,
                timeout: 5000,
                complete: function() {
                    //called when complete
                    console.log('process complete');
                },

                success: function(data) {

                    console.log(data);
                    console.log('process sucess');
                    alert(data);
                },

                error: function() {
                    console.log('process error');
                }
            });
        }
    </script>
  </head>
  <body>
    <h1><%= title %></h1>
    <p>Welcome to <%= title %></p>
  <button onclick="ajax()">aaaaa</button>
  </body>
</html>

route.ajax

exports.ajax=function(req,res){
    console.log(req.query.id)
    console.log(req.query.title);
    console.log(req.query.content);
    var a={
      id:req.query.id,
      title:req.query.title
    };
    res.send(a);
};