Plugins & Ajax

[vipers-web-design]

Does Ajax work with plugins?
I'm trying to use fetch(), but getting the error "fetch is not defined".

Then I switch to XMLHttpRequest(), and get "XMLHttpRequest() is not defined".

What I'm trying to do is build a social network, and I'm working on the "status box placeholder", like on Facebook where you see "What's on your mind, {your firstname}?"

I have;

div[contenteditable]:empty::before {
  content+_: "What's on your mind,";
}

The ajax in a plug-in would return "{your firstname}?", and then I'd have to merge them.

[iChenLei]

https://nodejs.org/en/blog/announcements/v18-release-announce/#fetch-experimental

https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest

---

Both fetch() and XMLHttpRequest() are not supported out of the box by Node.js if your code runs on the Node.js runtime. You must recognize that these two functions are browser APIs. @vipers-web-design

[vipers-web-design]

This website has a few dozen functional fetch() requests already.

[vipers-web-design]

I'm a LAMP-stack dev using MAMP Pro on macOS. I don't know the tech terms, I just code.
As I said, this website already has dozens of fetch() functions, all working as they should.

This is getFirstname.js;

registerPlugin({
  install: function (less, pluginManager, functions) {
    functions.add('firstname', function () {
      fetch('getFirstname.php', {
        method: 'GET'
      }).then(resp => resp.text()).then(data => {
        return data;
      });
    });
  }
});

I switched over to using modules, still getting the same error "fetch is not defined"

module.exports = {
  install: function (less, pluginManager, functions) {
    functions.add('firstname', function () {
      fetch('getFirstname.php', {
        method: 'GET'
      }).then(resp => resp.text()).then(data => {
        return data;
      });
    });
  }
};

This is the Less file;

@plugin 'getFirstname';
&:empty {
  &::before {
    content+_: "What's on your mind,";
    color: #888;
  }
  &::before  {
    content+_: firstname();
  }
}

I'm not going to show all the code in getFirstname.php, but under the Network tab in DevTools does see the script and shows me it is returning the data I need.

<?php
// db conn
// select query
$row = $stmt->fetch();
echo $row[ 'fn' ] . '?';
?>