how can i recieve data variable from JAVASCRIPT to PHP

Question

im still a beginner in this field i wanted to send the information from the value that I created from javascript to the other file external php or i mean from client-side to server-side as an example i have loop and value stored in 'i' and i wanna send it to php how? i googled and see some ppl say's use ajax method i still don't know it anyway i tried as an experiment like this it actually worked it only prints a value for me in console but idk how to send it to php

var myrequest = new XMLHttpRequest();
myrequest.open('POST','upload.php',true);
xhr.setRequestHeader('Content-Type',"application/x-www-form-urlencoded");
myrequest.onreadystatechange = function() {
myrequest.onload = function() {
  console.log(this.responseText);
}
let data = JSON.stringify({'test': 'test'});

myrequest.send(data);
}

in php file i tried as an example to call variable from js $_post['test'] i dunno how but it didn't work

Glafuski · Accepted Answer · 2022-07-16 23:18:41Z

1

String(0) means that your PHP has not received your data from Javascript. Reason for that might be that your URL is not written in right way. I recommend using full URL. For example if you have web server set at localhost your URL should be "http://localhost/upload.php".

I made you example code that you can take look at. It has comments that explain you every step that is happening. It might be hard for you to read it and understand it completely but that is okey. I actually did this example for me aswell as I do need to remind myself how to do things. I post you two links to Pastebin that you can try to use together. I post it in comments as I did not find out how to post content from Pastebin to answer.

answered Jul 16, 2022 at 23:18

Glafuski

3611 silver badge9 bronze badges

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

1 Comment

Glafuski Over a year ago

PHP pastebin.com/tqngf1Vg and Javascript pastebin.com/tiuFe2yC

Glafuski · Accepted Answer · 2022-07-16 21:00:48Z

1

First you need to convert variable "data" to text like this

let data = JSON.stringify({test: 'test'});

In PHP you can use PHP input stream. PHP input stream is basically way to receive raw data. You can access it this way

$data = file_get_contents("php://input");

Now we have stringified JSON in $data variable. To access data that is in $data variable you need to use PHP's json_decode function.

$final_data = json_decode($data);
echo $final_data->test;

This might seem complicated thing to understand. You should read more about data types. In that way you can understand this example so much better. I will link you few things that might help you out in learning.

answered Jul 16, 2022 at 21:00

Glafuski

3611 silver badge9 bronze badges

3 Comments

Liwa Hadri Over a year ago

ty for ur reply and help i have a question about what u say here file_get_contents do I have to use a file path specific to php or js? cuz when I try to type php://input it prints string(0) for me but when i write the path to a file i have. i get information data and do i have to receive it from php or js using file_get_contents?

Glafuski Over a year ago

With file_get_contents -function you can open content of files and php input stream. When you send XMLHttpRequest (AJAX request) there is only one way to know if server has received your data. PHP can send response to client by using echo -function and then you should handle that data in javascript. I also recommend to read more about Javascripts Fetch -function. You could also use Axios. Axios is userfriendly library that helps you send requests in easy way. Fetch -function is built in to Javascript. Axios is library that someone has made on top of Fetch function.

Liwa Hadri Over a year ago

I have heard of axios but i dunno the best and easiest to use between ajax, and axios also I did what you told me but it prints string 0 means it doesn't send information from ajax right? i checked my code and I don't know where it went wrong of my code can you help me? + i think i understood method how recive data thank you

Collectives™ on Stack Overflow

how can i recieve data variable from JAVASCRIPT to PHP

2 Answers 2

1 Comment

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related