How to save an array to a text file on the server side

Question

How to save an array to a text file on the server side

After defining my javascript array as var seatsArray = []; with some contents, I'm looking to save the contents of that array to a .txt file on the server upon the user clicking a button. The text file does not exist yet, so it needs to be created.

Additionally, I am wondering if there is a way for the user to input the name of the text file they want to create by typing it into a text area. Any suggestions on how this can be achieved?

Do you have any ideas or solutions for this scenario?

Thank you, John

EDIT:

I've added the recommended code but nothing seems to happen when I hit save?

<form id="my_form" action="">
<input type="text" id="file_name" rows="1" cols="20">
<a href="javascript: SubmitForm()">Save</a>
</form>

<script type="text/javascript">
function submitform();
{
var d = seatsArray.join();
var url = "/txtfiles/"+d + "&file_name=" + 
document.getElementById("file_name").value;

document.getElementById("my_form").action = url;
document.getElementById("my_form").method = "POST";
document.getElementById("my_form").submit();
}
</script>

This code block should be placed within the body section of your HTML document.

Thanks

javascript arrays file-io

Answer 1

Answer №1

One way to design a web form is by including a text field for the file name and then creating a Javascript submit event for the form. In the event handler, you can construct the URL with your data before sending it.

To convert an array into a string with comma separators, you can use the join() method like this:

var seatsArray = [1,4,5,6];
var d = seatsArray.join(); // "1,4,5,6"

var url = "http://my_site/my_file.php?my_array="+d + "&file_name=" + 
document.getElementById("file_name").value;

document.getElementById("my_form").action = url;
document.getElementById("my_form").method = "POST";
document.getElementById("my_form").submit();

Answer 2

One way to design a web form is by including a text field for the file name and then creating a Javascript submit event for the form. In the event handler, you can construct the URL with your data before sending it.

To convert an array into a string with comma separators, you can use the join() method like this:

var seatsArray = [1,4,5,6];
var d = seatsArray.join(); // "1,4,5,6"

var url = "http://my_site/my_file.php?my_array="+d + "&file_name=" + 
document.getElementById("file_name").value;

document.getElementById("my_form").action = url;
document.getElementById("my_form").method = "POST";
document.getElementById("my_form").submit();

How to save an array to a text file on the server side

Answer №1

Similar questions

Function in React not being successfully passed down between functional components

Capture user input from an HTML form and save it as key-value pairs in a JSON object, which can accommodate multiple input

Utilizing Ajax in conjunction with Ruby on Rails

javascript conceal other sections upon hovering

Save both old and current data that has been received into a C# array

Attempting to unveil concealed download URLs

Creating a personalized filter list in Vue Instant Search: A step-by-step guide

Issue encountered when running a minification build on Angular 5

Rotate the pixel information within a 2D array by a specified number of degrees using either PseudoCode or Python3

What could be the reason that the results of my quick sort function are not appearing on the screen

Creating duplicates to switch between HTML elements using hammer.js

Prometheus nodejs app already contains a metric by that name

What sets $(document).on apart from ($ document).on in CoffeeScript?

Tips for confirming the validity of an email address

Best practices for efficiently storing and retrieving data from a large list in PHP

Tips for utilizing AJAX in Angular to load web pages in partials

Endless spinning using snap.svg

My journey doesn't begin at zero

Tips on creating a unique d3js tree design

Create a new visual masterpiece using Canvas by repurposing an