How to pass data from javascript to php in same page

Question

I want to know how I can pass data from my script javascript to my php code to use the data into a query I tried many things but it didn't work for me So this is my script to upload files from input type: file then i get the url in downloadURL variable

        var downloadURL;
           ...

          uploadTask.on('state_changed',function(snapshot){

            },function(error){

            },function(){

                downloadURL=uploadTask.snapshot.downloadURL;
                alert(downloadURL);

             });

Now I want to pass downloadURL to my php so I can use it .
I also tried Ajax to do this task but it didn't work or the code that I used is false
Ajax code :

$.ajax({
    type: "POST",
    url: '', //same page
    data: downloadURL ,
    success: function(data)
    {
        //alert(data);
    }
});

EDIT
Php code :

<?php 

    $user=$_POST['downloadURL'];

    echo $user;  
?>

Just a normal echo to test if data is Posted or not

You had no url for your ajax request. Give url to ajax request and will work — Sider Topalov
– Sider Topalov, Commented Apr 26, 2018 at 21:22

Elliot B. · Accepted Answer · 2018-04-26 23:38:53Z

1

Structure the data of your $.ajax request in a name-value pair manner.

Change this:

$.ajax({
    type: "POST",
    url: '', //same page
    data: downloadURL ,
    success: function(data)
    {
        //alert(data);
    }
});

To this:

$.ajax({
    type: "POST",
    data: {"downloadURL":downloadURL} ,
    success: function(data)
    {
        //alert(data);
    }
});

I also removed url from your $.ajax request because by default url is set to the current page.

With the above modifications, your PHP code will remain unchanged (e.g., $user=$_POST['downloadURL'];).

edited Apr 26, 2018 at 23:38

answered Apr 26, 2018 at 23:29

Elliot B.

17.7k11 gold badges85 silver badges103 bronze badges

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

Comments

Sider Topalov · Accepted Answer · 2018-04-27 07:37:22Z

0

Okay change your php with that code:

if(isset($_POST['downloadURL']) {
   $response = array(
        'user' => $_POST['downloadURL']
      );
      echo json_decode($response);
      exit;
  }

Because you are making ajax request you must return json that why we parse our Array to json(object) and then in your javascript ajax request inside success function write

console.log(data);

And after data

...
data: downloadUrl,

Add this

dataType: 'json'

This mean we are telling on our ajax request that we are expecting json response

answered Apr 27, 2018 at 7:37

Sider Topalov

1817 bronze badges

Collectives™ on Stack Overflow

How to pass data from javascript to php in same page

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