Get the contents of a text file into a javascript variable

Question

I'm working with a desktop notification. I'm using this code to show it, and its working fine:

// If the user is okay, let's create a notification
if (permission === "granted") {
  var options = {
    body: "This is the body of the notification",
    icon: "icon.jpg",
    dir : "ltr"
  };
  var notification = new Notification("Hi there",options);
}

But how can I fetch data from a text file into options.body?

If you want to load a text file you can use Ajax. But you need to set up a web server before using Ajax. — Ram, Nov 08 '16 at 01:40
Possible duplicate of [Reading first line of a text file in javascript](http://stackoverflow.com/questions/12227729/reading-first-line-of-a-text-file-in-javascript) (just use `XHR.responseText` instead of slicing) — SeinopSys, Nov 08 '16 at 01:46
can you please put into my code.. sorry im just new into javascript.. — Ryewell, Nov 08 '16 at 01:51

score 2 · Accepted Answer · edited May 23 '17 at 10:32

Adapting the code from this answer, the finished result should look like this:

// If the user is okay, let's create a notification
if (permission === "granted") {
  var options = {
    icon: "icon.jpg",
    dir : "ltr"
  };
  var XHR = new XMLHttpRequest();
  XHR.open("GET", "notificion.txt", true);
  XHR.send();
  XHR.onload = function (){
    options.body = XHR.responseText;
    var notification = new Notification("Hi there",options);
  };
}

score 0 · Answer 2 · answered Nov 08 '16 at 02:08

0

Example using JQuery $.get()

if (permission === "granted") {
  $.get("notificion.text", function(data) {
    var notification = new Notification("Hi there", {
      icon: "icon.jpg",
      dir: "ltr",
      body: data
    });
  });
}

answered Nov 08 '16 at 02:08

Mamdouh Saeed

2,302
1
9
11

Get the contents of a text file into a javascript variable

2 Answers2