How do I get data from Javascript function and save it to a user's custom meta field in php?

Question

I'm working with a service that automatically registers my user's devices with Onesignal.

I call the function on login by calling gonative_onesignal_info(); inside script tags (full function will be below). That registers devices perfectly fine with Onesignal.

Now, according to the service's documentation, I can POST it to my server via AJAX, which is what I'm struggling with. From the documentation for the service, if you call gonative_onesignal_info() like this:

function gonative_onesignal_info(info) {
    console.log(info);
}

... info will look like this:

{
    oneSignalUserId: 'xxxxxxx',
    oneSignalPushToken: 'xxxxxx',
    oneSignalSubscribed: true,
}

And here's my full function:

function onesignal_mobile_registration( $user_login, $user ) {

    // Get user data
    $user_id = $user->ID;
    $user_email = $user->user_email;

    ?>

        <script>
            gonative_onesignal_info(info);
        </script>

    <?php

    $oneSignalPushToken = ???;
    update_user_meta( $user_id, 'oneSignalPushToken', $oneSignalPushToken);

}
add_filter( 'wp_login', 'onesignal_mobile_registration', 10, 2 );

So, how can I extract the oneSignalPushToken from that Javascript option, and store it in $oneSignalPushToken to be saved to my user? I think I need to use AJAX to pull it out, right? How would I do that?

In which platform you are working on?

Mohammad Ashique Ali
– Mohammad Ashique Ali

2019-12-05 10:22:06 +00:00
Commented Dec 5, 2019 at 10:22 — Mohammad Ashique Ali
– Mohammad Ashique Ali, Commented Dec 5, 2019 at 10:22

Masih Jahangiri · Accepted Answer · 2019-12-07 07:19:47Z

3

+200

You can't assign a php variable from javascript because php run in server but javascript run in browser. You must get $oneSignalPushToken value from a php source OR call a ajax from browser when send js data to php variable:

Script place:

<script>
    var data = gonative_onesignal_info(info);
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.open('GET', 'test.php?oneSignalPushToken=' + data.oneSignalPushToken, true);
    xmlhttp.send();
</script>

test.php

function onesignal_mobile_registration( $user_login, $user ) {

    // Get user data
    $user_id = $user->ID;
    $user_email = $user->user_email;

    $oneSignalPushToken = $_GET['oneSignalPushToken'];
    update_user_meta( $user_id, 'oneSignalPushToken', $oneSignalPushToken);

}
add_filter( 'wp_login', 'onesignal_mobile_registration', 10, 2 );

answered Dec 7, 2019 at 7:19

Masih Jahangiri

11.1k4 gold badges54 silver badges59 bronze badges

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

Comments

Guerric P · Accepted Answer · 2019-12-06 11:57:54Z

It is important to understand what your code does:

The PHP part will render an HTML page
The JavaScript part will execute in the browser once the page is fully rendered and served

That means you won't be able to retrieve a JavaScript variable in the PHP thread that generates the page, for two main reasons:

JavaScript and PHP execution contexts are not shared at all
JavaScript will execute once the PHP thread has ended

What you have to do is expose an endpoint on your PHP server, let's say POST on a /token URL. You will call this endpoint from your JavaScript with some code like fetch('/token', { method: 'POST', body: info });, then retrieve the token from the $_POST global variable, and then execute your update_user_meta( $user_id, 'oneSignalPushToken', $oneSignalPushToken); line

Collectives™ on Stack Overflow

How do I get data from Javascript function and save it to a user's custom meta field in php?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related