Please, I want a solution. I tried all the solutions I searched for, but I didn’t find a solution.
I try to send each line in textare in ajax request and betwe Between each request it waits 5 seconds and sends the next request.
I wrote this code and it works correctly but when I used it in any file in main directory of my project it send only first line in textarea and not send the next request
My Js Code :
<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>>Solution :
You can use this snippet to fetch one at a time using a clever callbacks trick.
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>