How can I pull data from PHP to Javascript?

Question

I'm working on an OAuth2 Discord login to my game's index. I try to pull nickname to my client-side and my Discord bot directly change logged user's nickname to his game name. I have nickname on my PHP-based server-side with JSON data but I don't know how can I pull it to my client-side

Example PHP Code


$myobj->username = "Test";

$myJSON = json_encode($myobj);
echo $myJSON;```

And my Javascript code:

const express = require('express');
const Discord = require('discord.js');
const client = new Discord.Client();
const app = express();
const passport = require("passport");
const { Strategy } = require("passport-discord");
const session = require("express-session");

app.use(passport.initialize());
app.use(passport.session());

passport.serializeUser(async(user, done) => {
    await (await client.guilds.cache.get("guildID").members.fetch(user.id)).roles.add("roleID")
    await (await client.guilds.cache.get("guildID").members.fetch(user.id)).setNickname(PHP DATA TO HERE)
    return done(null, user)
  });

biesior · Accepted Answer · 2021-05-22 14:32:06Z

1

You can do it via AJAX as Lajos suggested, also you can assign it to the JS variable from PHP at the moment of page rendering. All depends on your needs, so just choose the solution which is better for your case.

In your current code instead of echoing JSON, assign it to the JS variable.

echo "<script>let myJsonInJs = $myJson</script>";

so later you can use that variable somehow in your JS, i.e.:

<script>
   console.log(myJsonInJs)
</script>

answered May 22, 2021 at 14:32

biesior

55.8k10 gold badges129 silver badges186 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Lajos Arpad Over a year ago

Assuming that the PHP in question runs before the page is sent to the browser initially this could be a solution (upvoted). If he page is already loaded, then AJAX is needed.

Lajos Arpad · Accepted Answer · 2021-05-22 15:03:28Z

1

You will need to send an AJAX (Asynchronous Javascript And XML) request to your server-side. Let's implement a function for this purpose:

function sendRequest(type, url, callback, async, params) {
    if (async !== false) async = true;
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = callback;
    xhttp.open(type, url, async);
    xhttp.setRequestHeader(\"Content-type\", \"application/x-www-form-urlencoded\");
    xhttp.send(params);
}

You can call it like:

sendRequest("POST", "yoururl", function() {
    if (this.readyState === 4) {
        console.log(JSON.parse(this.responseText));
    }
}, true, "username=Test");

Change yoururl to the proper location of your PHP script and pass some parameters if needed.

EDIT

If you are inside the NodeJS environment and you are able to send the request at this level, then you can use fetch, as Endless has pointed out in the comment section.

edited May 22, 2021 at 15:03

answered May 22, 2021 at 14:21

Lajos Arpad

80.4k42 gold badges123 silver badges234 bronze badges

2 Comments

Endless Over a year ago

Or simply put:

fetch('yoururl', { method: 'POST', body: new URLSearchParams({username: 'Test'}) }).then(res => res.json()).then(callback)

Lajos Arpad Over a year ago

@Endless edited my answer to reflect your point.

Collectives™ on Stack Overflow

How can I pull data from PHP to Javascript?

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related