zoukankan      html  css  js  c++  java
  • 【Jquery+Express.js】 submit() 方法提交form

    前端页面 .html 生成一个动态模块 Modal

    <div class="modal fade" id="addStaff" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
    <div class="modal-content">
    <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h4 class="modal-title">Add Staff Account</h4>
    </div>
    <div class="modal-body">
    <form action="/stores/addstaff" method="POST" data-parsley-validate id="staff-form" enctype="multipart/form-data">
    <div class="row">
    <div class="col-md-6">
    <label>First Name</label>
    <input type="text" class="form-control" id="firstName" name="firstName" required>
    </div>
    <div class="col-md-6">
    <label>Last Name</label>
    <input type="text" class="form-control" id="lastName" name="lastName" required>
    </div>
    </div>
    <div >
    <label>Email Address</label>
    <input type="email" class="form-control" id="staffEmail" name="staffEmail" required>
    </div>
    </form>
    </div>
    <div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
    <button type="button" onclick="sendStaffInvite()" class="btn btn-primary">Send Invite</button>
    </div>
    </div><!-- /.modal-content -->
    </div><!-- /.modal -->
    </div>

    Jquery提交表单Form

    function sendStaffInvite(){
         $("#staff-form").submit();
    }

    Node.js (express框架)后端创建路由 /stores/addstaff

    下面代码在routes/stores.js下,可以直接定义addstaff,并接受post请求

    app.post(['/addstaff'], function (req, res) {
        console.log(req.body);
    });

    打印出来req.body 如下图

    前端的值已经传入后端 然后可以通过需求写相应功能、写回调函数等等。

  • 相关阅读:
    通过shell脚本排查jar包中类冲突
    批量复制及执行命令shell脚本
    java String hashCode遇到的坑
    hive常用命令
    hadoop-2.10.0安装hive-2.3.6
    centos7安装mysql-5.7.28
    centos7安装mysql-5.5和mysql-5.6
    centos7搭建hadoop2.10高可用(HA)
    centos7搭建hadoop2.10完全分布式
    kafka(一)-为什么选择kafka
  • 原文地址:https://www.cnblogs.com/yidansheng/p/9236809.html
Copyright © 2011-2022 走看看