node -jq实现一个表单不同路径提交

最新推荐文章于 2019-08-26 14:47:22 发布
最新推荐文章于 2019-08-26 14:47:22 发布
阅读量125 收藏
点赞数
分类专栏： 前端学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44769592/article/details/98481231
版权

一个表单不同路径提交

```javascript
<body>
<div class="main">
    <!-- action 表单提交的路径 -->
    <h1>Login</h1>
    <form id="form1" action="?" method="">
        <span>
            <input type="text" placeholder="用户名" name="name" id="shuru">
        </span>
        <span>
            <input type="text" placeholder="密码" name="secret" id="shuru">
        </span>
        <span>
            <button type="" id="submits" onclick="submitYouFrom('GET','/login/main')"  style="width: 63px;height:31px;margin-left: 30px;">
                登录
            </button>
            <button type="" id="submit" onclick="submitYouFrom('GET','/register')" style="width: 63px;height:31px;margin-left: 109px;">
                注册
            </button>
        </span>
    </form>
</div>
<script type="text/javascript" language="javascript">
    function submitYouFrom(mets,path){
        $("#form1").attr("action",path);
        $("#form1").attr("method",mets);
        $('#form1').submit();
    }

```
乐多
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Node.js-jq.node-强大的命令行JSON处理器
08-10
它借鉴了`jq`（一个用C语言编写的命令行JSON处理器），提供了类似的功能，但完全用JavaScript实现，这使得它更适合Node.js的开发环境。`jq.node`允许用户通过简单的语法对JSON数据进行查询、转换和过滤，极大地提高...
jq的submit（）方法提交和from提交是不一样的
GhostSugar
05-05 7551
jq提交方法：$("#selectid").on('click',function(){ var from = $('#restSelFrom'); var id = $('#uid').val(); var patrn = /^[0-9]*$/; if(!patrn.exec(id) || id =="" ){ layer.tips('请输入正确的...
一个表单，两个提交按钮实现不同地址提交
weixin_42384119的博客
10-16 5238
有时项目中有需要将同一个表单提交到不同的两个路由地址。 此时就可以用到下面的方法： 1.form自带属性： &lt;form action="{:url('Index/batch')}" method="post" class="form-horizontal margin-top-20"&gt; &lt;input name="mobile" class="form-control&
jquery 更改表单的提交地址，并提交表单
长心子的博客
05-09 4150
$('form[id=form1]').attr('action','${pageContext.request.contextPath}/arrangeTheVehicle/arrangeTheVehicleStatistics2.do'); $("#form1").submit();
使用js处理form表单中不同按钮提交到不同的路径
qq_41203803的博客
01-27 945
&amp;lt;form action=&quot;${pageContext.request.contextPath}/CartServlet?method=addToCart&quot; method=&quot;post&quot; id=&quot;form&quot;&amp;gt; &amp;lt;a href=&quot;javascript:void(0)&quot; onclick=&quot;
node-red-contrib-join-wait：Node-RED模块等待来自不同输入路径的传入消息在固定时间窗口内到达
02-03
这个Node-RED模块等待来自不同输入路径的传入消息在固定的时间窗口内到达。 Node-RED是一种以新颖有趣的方式将硬件设备，API和在线服务连接在一起的工具。 描述 该节点等待Paths (Wait)数组中所有项目的消息，这些...
node-jq：jq的Node.js包装器
02-03
默认情况下， node-jq在安装过程中下载jq（运行npm install node-jq ）。 根据您的SO下载二进制文件。 之后直接运行jq。 像： ./node_modules/node-jq/bin/jq . package.json ./node_modules/node-jq/bin/jq . ...
node-sass 4.12、4.14.1、5 node-sass-loader node_modules 安装包
07-07
Node-Sass是Sass编译器的一个实现，它是用JavaScript编写的，并且利用了Node.js环境。它允许开发者在Node.js环境中使用Sass语言，使得前端开发人员可以利用Sass的强大功能，如嵌套规则、变量、混合模式等，来编写更...
Node-RED用http request实现收发
最新发布
01-25
Node-RED用http request实现收发
一个form两个submit，提交不同的地址
那些年的代码
08-26 2397
/* 设置默认属性 */ $.validator.setDefaults({ submitHandler: function(form) { form.submit(); } }); submitHandler: 通过验证后运行的函数,里面要加上表单提交的函数,否则表单不会提交 <script language= "JavaScript "> <!--Begin ...
在同一form表单中如何提交两个不同的action
weixin_34051201的博客
05-19 1189
（转载：常用，以便查阅） 有两种办法可以实现： 1.针对一个action有多个提交按钮，那么在提交后进行根据ID进行一下判断，是哪个提交的执行哪种动作，这是可以实现的。 2.直接做成两个form，每个form里的action不同，都有一个提交按钮，从客户看来是没有区别的，但是提交的时候，会提交到不到的action里去. 第一种的实现： <!DOCTYPE HT...
form之action的绝对路径与相对路径
weixin_30662539的博客
01-12 1315
1、当你的form要提交到你自己的站点之外的URL的时候，就采取绝对路径： <form action="http://www.xxx.yyy:zzzz/mmm/nn/kkk.jsp"> 2、如果是提交到自己站点内的页面，务必使用相对路径（为什么？见http://www.cnblogs.com/qrlozte/p/3515836.html），以tomcat为例： 比如说你的...
jquery实现同时提交两个form表单
疯狂的小程序员
06-14 5394
$(document).ready(function(){                 $("#sb").click(function(){     var  cc1=$("#cc1").val();//你可以赋其他的值也行！     var  cc2=$("#cc2").val();//你可以赋其他的值也行！     $.post("你的网址",{name:cc1},functi
两个以上按钮或链接，将同一表单提交给多个不同请求地址
weixin_42213686的博客
08-19 920
在这里，我将举例两个按钮提交同一表单给两个不同的请求地址： 表单: <form id="form" action="" method="Post"> 名称:<input type="text" name="name" id="name"/> <br/> 密码:<input type="password" name="pwd" id="pwd"/&gt...
Cannot enqueue Query after invoking quit错误解决
weixin_44769592的博客
08-01 7879
Cannot enqueue Query after invoking quit PROTOCOL_ENQUEUE_AFTER_QUIT protocal enqueue after out 中文意思是调用quit后无法查询队列 可是我并没有quit 当第一次执行数据库操作时，是可以成功的。这时第二次执行数据库操作，就会报错如标题所示。 这是因为我们在使用.end()方法关掉连接之后，需要重新调用...
js从数组中计算出每个数的个数
weixin_44769592的博客
06-05 3210
题目 'use strict'; var grouping_count = require("../../main/filter/grouping_count.js"); describe('grouping_count', function() { var collection = [1,1,1,1,2,3,1,3,4,2,3,1,3,4,2]; it('从collection中...
JS初级实战练习题----附答案
weixin_44769592的博客
06-11 2569
https://blog.csdn.net/u012310056/article/details/78050985
nodejs中引入bootstrap
weixin_44769592的博客
07-29 1602
首先在已有node项目中 运行npm install bootstrap@3 打开项目的node_modules模块，将代码从指定位置拷贝到项目的public目录下 在要使用的页面引入对应的js与css <link href="/public/bootstrap.min.css" rel="stylesheet"> ...
一个微信小程序+node.js实现表单提交的例子
04-03
以下是一个微信小程序 node.js 实现表单提交的例子： 1. 创建一个 Express 应用程序 安装 Express 模块： ``` npm install express --save ``` 创建一个 index.js 文件，写入以下代码： ``` const express = require('express'); const app = express(); app.use(express.json()); app.use(express.urlencoded({ extended: false })); app.post('/submit', (req, res) => { const name = req.body.name; const email = req.body.email; console.log(`Received form submission: ${name} (${email})`); res.send('Form submission received!'); }); app.listen(3000, () => { console.log('Server started on port 3000'); }); ``` 2. 创建一个微信小程序页面 在微信开发者工具中创建一个新页面，例如 submitForm。 在 submitForm 页面的 wxml 文件中添加一个表单： ``` <view class="container"> <form bindsubmit="onFormSubmit"> <input type="text" name="name" placeholder="Name" /> <input type="email" name="email" placeholder="Email" /> <button type="submit">Submit</button> </form> </view> ``` 在 submitForm 页面的 js 文件中添加以下代码： ``` Page({ onFormSubmit(event) { const name = event.detail.value.name; const email = event.detail.value.email; wx.request({ url: 'http://localhost:3000/submit', method: 'POST', data: { name: name, email: email }, success(res) { console.log(res.data); } }); } }); ``` 注意，这里的请求地址应该是你的 Express 应用程序所在的服务器地址。 3. 运行应用程序 在命令行中运行以下命令启动 Express 应用程序： ``` node index.js ``` 在微信开发者工具中启动小程序，访问 submitForm 页面，填写表单并提交。在控制台中可以看到表单提交的日志信息。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值