Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >将数组从js传递到节点js的最佳方法是什么?

将数组从js传递到节点js的最佳方法是什么?
EN

Stack Overflow用户
提问于 2014-11-05 23:00:35
回答 1查看 791关注 0票数 0

我目前正在构建一个非常简单的cms。因此,首先是一个文本框,旁边有一个“”按钮,当您按下它时,它会插入一个新创建的文本框。

因此,我希望能够从创建的每个文本框中获取所有这些值,并将其发送到服务器。

我试过查一查,但什么也没找到!请找人帮忙:)

到目前为止,这是我的代码

app.js

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
router.post('/addname', function(req, res) {

// connect to the results collection
    var db = req.db;
    var collection = db.get('names');

    // Get form values. 
    var content = req.body.names;

    // Submit to the DB
    collection.insert({
        "content": content
    }, function (err, doc) {
        if (err) {
            // If it failed, return error
            res.send("There was a problem adding the information to the database.");
            console.log(err);
        }
        else {
            // And forward to success page
            res.redirect("/");
        }
    });

翡翠

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
form(action='addname' method="post")
   div#mynames()
          button#addmore(style="margin-left:-220px;" onClick="addtextbox") Add more
          input#names(name='names' placeholder='@', type='text')

jquery

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
function addTexbox(){

    $("#names").append('<br><input placeholder="@" type="text" style="border-radius: 15px; border: none;" />');
    // contains all name input element
    var allname = $("#names:input");
    console.log(allTags[0].value);
}

到目前为止,如果按下按钮,它可以生成新的文本框。

谢谢!

EN

回答 1

Stack Overflow用户

发布于 2014-11-08 23:18:03

首先,它应该是input#names(name='names[0]' ...,因为它只是数组names的一个元素,它将以req.body.names的形式传递给服务器。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
form(action='addname' method="post")
   div#mynames()
          button#addmore(style="margin-left:-220px;" onClick="addtextbox") Add more
          input#names(name='names[0]' placeholder='@', type='text')

然后,当您添加新输入时,只需使用递增的数组计数器添加它们即可。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var inputCounter = 1;
function addTexbox(){    
    $("#names").append('<br><input name="names['+ inputCounter++ +']">');
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/26773503

复制
相关文章
js传递数组到后台
方法一:  1.使用JSON.stringify 将数组对象转化成json字符串;
超级小可爱
2023/02/20
3.9K0
数组求和的几种实现方法是什么_js数组求和的方法
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
全栈程序员站长
2022/11/11
1.4K0
JS 将伪数组转换成数组的方法
一、ES5 伪数组转数组 伪数组:arguments 转换方法: let args = [].slice.call(arguments); 举个例子: 将 NodeList 转数组 let items = [].slice.call(document.querySelectorAll('item')); 二、ES6 伪数组转数组 伪数组:arguments 转换方法: let args = Array.from(arguments); 举个例子: 将 NodeList 转数组 let items = A
Leophen
2021/05/13
2.7K0
thymeleaf 传递数据到js变量
thymeleaf 传递数据到js变量 如何把控制器传来的model中的值传递给js变量呢? 需要以下两个: <script th:inline="javascript"> var message =
Dream城堡
2018/09/10
5.1K0
JS数组常用的方法
map()方法把调用它的数组的每一个元素分别传给指定的函数,返回这个函数的返回值构成的数组
赤蓝紫
2023/01/02
4.2K0
JS数组常用的方法
JS数组索引方法
主要有两个 indexOf():在数组中查找给定元素的第一个索引 如果存在返回索引不存在返回-1;该函数只返回第一个满足条件的元素索引
切图仔
2022/09/08
2.1K0
js数组的splice方法_js数组删除某一项
1、splice(详细说明:https://www.w3school.com.cn/jsref/jsref_splice.asp)
全栈程序员站长
2022/11/10
3.1K0
JS中的数组方法
注:箭头函数中无法改变this指向,因此如果想用thisValue参数必须使用function函数
我不是费圆
2020/09/21
6.2K0
JS 数组的常用方法归纳
       如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较          函数应该具有两个参数 a 和 b,其返回值如下:
Teoh
2019/12/30
2.3K0
js数组的迭代器方法
JavaScript还提供了reduceRight() 方法,和reduce()方法不同,它是从右到左执行。
山河木马
2019/03/05
2K0
js常用的数组方法
      1.1 空数组  var obj=new Array();                  1.2 指定长度数组  var obj=new Array(size);                  1.3 指定元素数组  var obj=new Array(元素1,元素2,...,元素n);                  1.4 单维数组 var obj=[元素1,元素2,元素3,...,元素n];                  1.5 多维数组 var a=new Array([数组序列1],[数组序列2],[数组序列N]);
小周sir
2019/09/23
1.9K0
js Array 数组相关的方法
版权声明:本文为吴孔云博客原创文章,转载请注明出处并带上链接,谢谢。 https://blog.csdn.net/wkyseo/article/details/51274550
空空云
2018/09/27
2.2K0
JS数组常用方法大全
join(separator): 将数组的元素组起一个字符串,以separator为分隔符,省略的话则用默认用逗号为分隔符,该方法只接收一个参数:即分隔符。
青梅煮码
2023/01/14
3K0
JS常用方法-数组篇
push(),pop(),shift(),unshift(),splice(),sort(),reserve(),我自己比较常用的有unshfit(),splice()
全栈开发日记
2022/05/13
2.1K0
js中数组截取方法
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/140749.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/01
7.1K0
JS数组方法大全
功能:用于连接两个或多个数组,该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。 参数:concat(data1,data2,...);所有参数可选,要合并的数据;data为数组时,将data合并到原数组;data为具体数据时直接添加到原数组尾部;省略时创建原数组的副本。
IT工作者
2021/12/30
4.4K0
Js 循环,数组,函数(方法)
//     1: 在网页中获取用户输入的成绩信息,每20分算一个等级,不同等级显示不同的评语,在控制台中输出信息。
星辰_大海
2020/09/30
6K0
JS从入门到出家
最近和很多小伙伴一起学习React,不少是学生,只有c经验,但是没有学过JS。没关系嘛,语言都是相通的。接下来带大家快速入门一下JS,只要你有任何一门编程语言的基础,JS学起来很快的,毕竟JS最早被戏称为玩具语言,玩具谁还不会玩嘛。
前端bubucuo
2022/09/16
9070
JS从入门到出家
JS 数组克隆方法总结
使用 concat() 用于连接两个或多个数组。该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本
前端迷
2019/12/05
1.8K0
js数组常用方法总结
最近工作中经常用到数组操作,每次都傻傻不知道怎么用,今天有时间整理了一下,希望对大家有帮助!这些基础的知识,要熟记于心。
半指温柔乐
2018/09/11
5K0

相似问题

使用瓶子将列表从python传递到js的最佳方法是什么?

24

将json从角JS传递到节点JS

10

将jquery菜单绑定到cytoscape.js节点的最佳方法是什么?

11

如何将数组从节点传递到.js文件(pugJs)

10

将数据从节点js传递到html。

14
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文