Read / Search Text File in JS

Hi,

The contents if the file would need to be put into a variable as you would not be able to load the file from the client system (without AJAX). If you are going to use AJAX then it may be better to submit the password to a page using AJAX and then checking that against the file on the server and returning whether a match was found or not.

If you are not familiar with AJAX a good introduction is at http://www.w3schools.com/ajax/default.asp. If you need any more help let me know.

I saw on some website there was an example of adding a text file into an array.

Ex:
Now I am not sure what this actually would do, but does the line

items[0] = ['file1.txt','file2.txt']

allow data from a text file to be stored into an array?

If so, is there a way to search through an array and match it to a password variable?

Expand|Select|Wrap|Line Numbers

1.       var items = new Array();
2.       var itemLabels = new Array();
3.       items[0] = ['file1.txt','file2.txt'];      // List of files in group 1
4.       itemLabels[0] = ['File 1','File 2'];      // Description of files in group 2
5.  

The code above just stores the names of the files into an array. It is not reading from the files. For security reasons javascript does not have any native file handling capabilities.

Heya, Darth.

As long as the text files are stored on the server, you can use Ajax. Otherwise, you'll need to use a file upload script, which means you can probably do most of the hard work server-side instead.

Thanks guys. I'm not too familiar with AJAX (...at all actually). Is this a simple process to do or is it really involved?

One thing I would of liked is to not submit the page. Right now I have everything running directly on the page... The user types in a password, and the meter changes. I have around 20 if-else statements to check if the password is contained...

If I am using AJAX, is there a way to have the code point to the server and check the file without having to submit anything?

Heya, Darth.

Have a look at this article.

Darth,

AJAX would not refresh the page and the page remains fully responsive.

If the example provided is confusing or you still have questions let us know.

phvfl & pbmods,

Thanks for the links. Like I said, I am not familiar with AJAX at all, so I will definitely need to break this down and figure it out and see how to implement it with the javascript / HTML that I am currently using.

I partially understand the flow of the code, but syntax is a different issue. That is where I will run into problems...knowing what to use and when (and how).

This was just a general idea that I thought could be of use, but I think I may be a little over my head.

Darth,

I'll break down the code and hopefully you should be able to follow the flow a bit better. It can seem quite daunting at first.

Firstly to explain what AJAX does. Simply put AJAX uses javascript to send a request to a page and return the result. The return from this would be whatever is on the page. While all this happens the user can still use the page and is not aware of what is happening in the background. An example may help clarify this.

First you need to create a request variable:

As ever IE and everything else use different items to implement the request so a quick if loop to determine the type of browser and then set req to the correct type:

If req is not null then it has been set correctly so process the request.

The url variable is the address for the page that will read from the text file and look for the password submitted in the pw parameter of the querystring. Whenever the onreadystatechange of the req object changes a function called state_Change will be called:

The complete javascript in one block is:

The variable response is used so that the response is in a variable. It is populated from the responseText property of the request. Code would need to be added to handle the response.

The only other thing required would be to write the aspx page that the request is being sent to. I won't go through all the code but it should flow something like:

The response value in the javascript would then be true or false depending on the result. Only the one word would be required on the aspx page (no HTML needed). Hope this helps