如何使用jquery循环N行textarea答案

【问题标题】：how to loop N lines of textarea using jquery如何使用jquery循环N行textarea
【发布时间】：2019-10-19 11:02:00
【问题描述】：

我有一个脚本，它从文本区域获取电子邮件并使用 ajax 将其发送到 send.php 页面，当我发送所有文本区域内容（如果我逐行发送）时，它对我有用，现在我我需要每次获取 10 行并将其发送到 send.php

$(document).ready(function() {
  $("#check").on("click", function(event) {
    event.preventDefault();

    var lines = $('#emails').val().split('\n');

    $.ajax({
      type: 'POST',
      url: 'send.php',
      data: {
        email: lines,
        mail_from: $('#mail_from').val(),
        attach: $('#attach').val(),
        mail_name: $('#mail_name').val(),
        message: $('#message').val(),
        title: $('#title').val()
      },
      success: function(msg) {
        $('#result').append(msg);

      }
    });
  });
});

【问题讨论】：

convert textareas string value to JavaScript array separated by new lines的可能重复
@RobinSingh 作者好像知道怎么解析textarea行，问题更多的是通过数组分页来分组请求

标签： javascript jquery ajax

【解决方案1】：

您可以通过在循环中调用slice 方法对您的行数组进行分页：

$(document).ready(function() {
  $("#check").on("click", function(event) {
    event.preventDefault();

    var lines = $('#emails').val().split('\n');

    for (var currentPage = 0; lines.length > currentPage * 10; currentPage += 10) {
      var currentLines = lines.slice(currentPage * 10, currentPage * 10 + 10);

      console.log(currentLines.join(', '));
      // Do something...
    }
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="check">Check</button>
<textarea id="emails"></textarea>

【讨论】：