nodejs接收post请求的参数

最新推荐文章于 2024-07-25 09:36:10 发布

是馒头妹妹呀

最新推荐文章于 2024-07-25 09:36:10 发布

阅读量2.1k

点赞数 1

文章标签： http 网络协议网络服务器 node.js

本文链接：https://blog.csdn.net/m0_62877814/article/details/128495298

版权

post请求参数不直接在url路径中拼接，而是放在请求体中发送给服务器
- 请求三要素：请求行、请求头、请求体
1.1-浏览器发送post请求参数的方式
post请求参数不能直接在url路径中拼接，所以一般使用ajax请求来发送post请求参数
- 通常都是提交form表单数据使用post请求


<script>

  //浏览器中一般使用ajax来发送post请求
  $('#form').on('sunmit', function (e) {
    //禁用表单默认提交事件
    e.preventDefault();
    $.ajax({
      url: 'heroAdd',
      type: 'post',
      dataType: 'json',
      data: $(this).serialize(),
      success: function (data) {
      }
    });
  });
</script>


<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Hero - Admin</title>
  <!-- 导入jquery -->
  <script src="/node_modules/jquery/dist/jquery.js"></script>
  <!-- bootstrap布局 -->
  <link rel="stylesheet" href="/node_modules/bootstrap/dist/css/bootstrap.css">
  <script src="/node_modules/bootstrap/dist/js/bootstrap.js"></script>
  <style>
    .hero-list img {
      width: 50px;
    }
  </style>
</head>

<body>
  <header>
    <div class="page-header container">
      <h1>
        <a href="/">王者荣耀</a>
        <small>英雄管理器</small>
      </h1>
    </div>
  </header>
  <div class="container hero-list">
    <form id="form">
      <div class="form-group">