将多个参数拼接到一起，传递给后台

最新推荐文章于 2022-09-27 17:44:08 发布

陈田田

最新推荐文章于 2022-09-27 17:44:08 发布

阅读量4.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML JavaScript 前端集结号文章标签：传值数组转为字符串

本文链接：https://blog.youkuaiyun.com/candy_tity/article/details/64123782

前端集结号同时被 3 个专栏收录

61 篇文章

订阅专栏

JavaScript

32 篇文章

订阅专栏

HTML

10 篇文章

订阅专栏

在后台交互中，当需要将多个同类参数发送时，可以将它们合并成一个参数。通过将数组转换为字符串，实现参数的拼接。这样可以简化请求，提高效率。

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

在与后台交互的过程中，会遇到需要将同一类的多个参数传递给后台的情况。

这个时候的解决方法是将这些同类的参数拼接为一个参数，传递给后台。

代码如下：

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script type="text/javascript" src="jquery-1.11.3.min.js"></script>
</head>
<body>
    <input type="text" style="width:200px;">
    <table>
        <tr><td>1</td><td>泰国</td><td>旅游</td><td>···</td></tr>
        <tr><td>2</td><td>日本</td><td>旅游</td><td>···</td></tr>
        <tr><td>3</td><td>香港</td><td>旅游</td><td>···</td></tr>
        <tr><td>4</td><td>美国</td><td>旅游</td><td>···</td></tr>
        <tr><td>5</td><td>澳门</td><td>旅游</td><td>···</td></tr>
    </table>
    <script type="text/javascript">
        $(function(){
            var value_attr = [];
            var value_str = '';
            $('table tr').each(function() {
                value_attr.push($(this).find('td').eq(0).html());
                value_str = value_attr.join(",");
                $('input').val(value_str)
            });
        })
    </script>
</body>
</html>