Load text from .txt file into textarea using JQuery

It is very simple to load .txt or any other file in textarea/div (anywhere you want) using jQuery. This tutorial helps you to load a text file from your server or your system to your destination page. let’s see how you can do it.

we are using .load() jQuery method to load .txt file without clicking any button. It will load automatically once you run your code.

The .load() method, unlike $.get(), allows us to specify a portion of the remote document to be inserted. This is achieved with a special syntax for the URL parameter.

loadfile

Example:

Load another page’s contents into textarea.

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>load demo</title>
<style>
body {
    font-size: 12px;
    font-family: Arial;
}
#new-projects{
    width: 100%;
    height: 200px;
    font-size:17px;
    color: blue;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 
<h2><b>Demo:</b></h2>
<textarea id="new-projects"></textarea>
 
<script>
$( "#new-projects" ).load( "/compiler/examples/loadfile.txt");
</script>
 
</body>
</html>

Try it Yourself! »

You can change /compiler/examples/loadfile.txt with your path or URL.