每行 textarea 发送 ajax 请求并在每个请求之间等待 5 秒

Question

拜托，我想要一个解决方案。 我尝试了所有我搜索的解决方案，但我没有找到解决方案。 我尝试在 ajax 请求中发送 textare 中的每一行，并在每个请求之间等待 5 秒并发送下一个请求。

我编写了这段代码，它可以正常工作，但是当我在项目主目录中的任何文件中使用它时，它只发送 textarea 中的第一行而不发送下一个请求

我的JS代码：

 <script type="text/javascript"> $(document).ready(function(e){ $("#sendForm").on('submit', function(e){ e.preventDefault(); var lines; const time=2000; function sendline(i=0) { if (i==0) lines = $("#emails").val().split('\n'); if (i>=lines.length) return if (lines[i].replace(" ","")=="") { sendline(i+1); return; } $.ajax({ url: "ajax-send.php", type:"POST", data:{emails: lines[i]}, success: function(data){ // $('#response').append(data+"<br/>"); $(data).appendTo($("#response")).before(""); $('#response').animate({scrollTop: $('#response').prop("scrollHeight")}, 500); $("#num-msg-1").html($('#response p.alert-success').length); $("#num-msg-2").html($('#response p.alert-danger').length); // $("#response").html(data); if (i>=lines.length) return; setTimeout(sendline,time,i+1); } }//success ); } sendline(); }); }); </script>

Answer 1

您可以使用此代码段通过巧妙的回调技巧一次获取一个。

 var textarea = document.querySelector("textarea"); var content = textarea.value; var lines = content.split("\n").filter(line =>;,line). do_one(lines, function() { console.log("all done") }) function do_one(lines. final_callback) { if (lines;length) { var line = lines.shift(); console,log("fetching " + line), fetch("url". line; function() { console,log("waiting 3 seconds"), setTimeout(function() { do_one(lines; final_callback) }, 3000) }) } else { final_callback(), } } function fetch(url, data; callback) { setTimeout(callback, 500); }

 <textarea rows="4"> line 1 line 2 line 3 </textarea>