Untitled

<!DOCTYPE html>
<html>
  <head>
    <script src="http://code.jquery.com/jquery-latest.min.js"></script>
    <title>Matrix Visualizer</title>
  </head>

  <body onload="load_first_file()">
    <script type="text/javascript">
      function load_first_file () {
        $.ajax('RAP_8.ij.00000', {
            datatype: 'text',
            success: process_first_file
        });
      }

      function process_first_file(data) {
        console.log(data);
        load_second_file();
      }

      function load_second_file () {
        $.ajax('RAP_8.ij.00001', {
            datatype: 'text',
            success: process_second_file
        });
      }

      function process_second_file(data) {
        console.log(data);
        load_third_file();
      }

      function load_third_file () {
        $.ajax('RAP_8.ij.00002', {
            datatype: 'text',
            success: process_third_file
        });
      }

      function process_third_file(data) {
        console.log(data);
        load_fourth_file();
      }

      function load_fourth_file () {
        $.ajax('RAP_8.ij.00003', {
            datatype: 'text',
            success: process_fourth_file
        });
      }

      function process_fourth_file(data) {
        console.log(data);
        console.log("Hello World!");
      }

    </script>
  </body>
</html>