Navigate through a JavaScript text file one line at a time

Question

Navigate through a JavaScript text file one line at a time

There is a text file with the following content:

User:root
Password:root123

My goal is to read this text file in JavaScript line by line and store it in an array. Then, I want to split each value in the array using a colon (:).

Despite trying multiple approaches, I haven't been successful in achieving this.

xmlHttp.onreadystatechange = function() {
  var tmpDoc, re=/^(.+)$/gm, arr=[], oP, arrSplit=[], arrSpl=[];
  if(xmlHttp.readyState === 4) {
    if(xmlHttp.status === 200){
      alert("AS");
      tmpDoc = xmlHttp.responseText;    
      arrSpl = tmpDoc.split(",");
      var arrGlobalHost = arrSpl[0].split(':');
      var arrGlobalUser = arrSpl[1].split(':');
      var arrGlobalPass = arrSpl[2].split(':');
      strGlobalHost = arrGlobalHost[1];
      strGlobalUser = arrGlobalUser[1];
      strGlobalPass = arrGlobalPass[1];
      xmlHttp=null;
    }
  }
}; 
xmlHttp.open("POST", fileName, true); // Use POST to prevent use of cached file
xmlHttp.send();

I have attached this function to a button click event, but I'm not getting the desired output on the first click. Since the ready state is only maintained after the page has loaded for the first time, I now need to load the page for the first time itself to ensure it works as intended.

javascript ajax

Answer 1

Answer №1

When it comes to Windows, one can use JScript + ActiveXObject("Scripting.FileSystemObject")

http://msdn.microsoft.com/en-us/library/2z9ffy99(v=vs.84).aspx

var fso, f1, ts;
var ForWriting = 2;
fso = new ActiveXObject("Scripting.FileSystemObject");
fso.CreateTextFile ("c:\\test1.txt");
f1 = fso.GetFile("c:\\test1.txt");
ts = f1.OpenAsTextStream(ForWriting, true);
while (!ts.AtEndOfStream()) {
   var line = ts.ReadLine();
}

For other platforms, such as Node.js, one can utilize Node.js + "File System"

http://nodejs.org/api/fs.html

http://nodejs.org/api/stream.html#stream_class_stream_readable

var fs = require('fs');
var readable = fs.createReadStream('sample.txt', {start: 90, end: 99});
readable.on('data', function(chunk) {
  console.log('got %d bytes of data', chunk.length);
});

Answer 2

When it comes to Windows, one can use JScript + ActiveXObject("Scripting.FileSystemObject")

http://msdn.microsoft.com/en-us/library/2z9ffy99(v=vs.84).aspx

var fso, f1, ts;
var ForWriting = 2;
fso = new ActiveXObject("Scripting.FileSystemObject");
fso.CreateTextFile ("c:\\test1.txt");
f1 = fso.GetFile("c:\\test1.txt");
ts = f1.OpenAsTextStream(ForWriting, true);
while (!ts.AtEndOfStream()) {
   var line = ts.ReadLine();
}

For other platforms, such as Node.js, one can utilize Node.js + "File System"

http://nodejs.org/api/fs.html

http://nodejs.org/api/stream.html#stream_class_stream_readable

var fs = require('fs');
var readable = fs.createReadStream('sample.txt', {start: 90, end: 99});
readable.on('data', function(chunk) {
  console.log('got %d bytes of data', chunk.length);
});

Answer 3

Answer №2

Downloaded from the internet

<!DOCTYPE html>
<html>
<head>
<script     src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
   $("#div1").load("demo_test.txt");
});
});
</script>
 </head>

<div id="div1"><h2>Allow jQuery AJAX to Edit This Text</h2></div>
<button>Retrieve External Content</button>

Suggestion, utilize search engines

Answer 4

Downloaded from the internet

<!DOCTYPE html>
<html>
<head>
<script     src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
   $("#div1").load("demo_test.txt");
});
});
</script>
 </head>

<div id="div1"><h2>Allow jQuery AJAX to Edit This Text</h2></div>
<button>Retrieve External Content</button>

Suggestion, utilize search engines

Answer 5

Answer №3

My unique method involves manipulating the text file (config.txt) by using commas as separators.

User:root,
Password:root123

In addition, I implemented a hidden field named 'user' to capture the response from a file read through AJAX. Below is the code snippet I utilized:

var xmlHttp = new XMLHttpRequest();
xmlHttp.open("POST", "config.txt", false);
xmlHttp.send(null);
var result = document.getElementById('user').value;
var result = xmlHttp.responseText;
var arrSplt = new Array;
arrSplt = result.split(',');
var arrSplittedCredHost = new Array;
var arrSplittedCredUser = new Array;
var arrSplittedCredPass = new Array;
arrSplittedCredHost = arrSplt[0].split(':');
arrSplittedCredUser = arrSplt[1].split(':');
arrSplittedCredPass = arrSplt[2].split(':');

Answer 6

My unique method involves manipulating the text file (config.txt) by using commas as separators.

User:root,
Password:root123

In addition, I implemented a hidden field named 'user' to capture the response from a file read through AJAX. Below is the code snippet I utilized:

var xmlHttp = new XMLHttpRequest();
xmlHttp.open("POST", "config.txt", false);
xmlHttp.send(null);
var result = document.getElementById('user').value;
var result = xmlHttp.responseText;
var arrSplt = new Array;
arrSplt = result.split(',');
var arrSplittedCredHost = new Array;
var arrSplittedCredUser = new Array;
var arrSplittedCredPass = new Array;
arrSplittedCredHost = arrSplt[0].split(':');
arrSplittedCredUser = arrSplt[1].split(':');
arrSplittedCredPass = arrSplt[2].split(':');

Navigate through a JavaScript text file one line at a time

Answer №1

Answer №2

Answer №3

Similar questions

Is there a way to easily open the RSS link XML Element in a separate browser tab or window?

Having trouble with Vue component not updating Vuex state before it loads?

Top methods for identifying AJAX/XmlHttpRequest compatibility

Modifying properties of an array of objects in React Native using JavaScript

Tips for exporting 3D objects from 3ds Max Studio for optimal use in Three.js

Differences seen in display when using Internet Explorer's prependTo feature

Wordpress problem with Bootstrap JavaScript code involving data-toggle="collapse"

Tips on formatting dates in a Material UI text field

An anomaly where a mysterious symbol appears in front of every dollar sign in an HTML document

Troubleshooting AngularJS Get Function Failure

Tips for activating swf file autoplay on the mobile edition of WordPress

Can anyone suggest a more efficient method for detecting expired SESSIONS in JQuery?

What is the best way to retrieve router parameters within a JSX component?

Setting up a reverse proxy for deploying React applications

There may be instances where data is null in Java Spring and React JS

Ensuring that the initial column of a table remains in place while scrolling horizontally

Is there a way to modify my code to restrict users from liking a post multiple times?

Where can I locate a specific child element in this scenario?

Utilizing dynamic components in React JS

Starting data initialization using a property object within a Vue component