Ajax send javascript variable to php

Question

I am trying to send a JS variable to a PHP file but it does not seem to be working. In the console its showing an error as an show.php file. I am not able to understand What I am doing wrong.

function details(id) {
  var id = id;
  //   alert(id);
  $.ajax({
    type: 'POST',
    url: 'show.php',
    data: id,
    success: function(data) {
      alert("hi");
    }
  });
}

<button onclick="details(<?php echo $id ; ?>)" class="btn btn-rounded btn-primary">Details</button>

show.php:

<?php 
  if (isset($_POST['id']))
  {
    $uid = $_POST['id'];
    echo json_encode($uid);
  }
?>

its showing no error in console but just display show.php under console list @RoryMcCrossan — Chempooro
– Chempooro, Commented Feb 25, 2020 at 11:18
what type of error you are getting in console, can you show? — Hitesh Kumar
– Hitesh Kumar, Commented Feb 25, 2020 at 11:28

Muhammad Aamir · Accepted Answer · 2021-02-04 16:50:26Z

2

Write data in json object see code below

function details(id)
    {
        var id = id;
     //   alert(id);
        $.ajax({
            type: 'POST',
            url: 'show.php',
            data:  {id:id},
            success: function(data)
            {
             alert("hi");
            }
        });
    }

edited Feb 4, 2021 at 16:50

answered Feb 25, 2020 at 11:19

Muhammad Aamir

1034 bronze badges

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

1 Comment

Jay Blanchard Over a year ago

Remove the quotes from 'id'

Asif Chaudhary · Accepted Answer · 2020-02-25 11:55:57Z

1

Check your network tab and check the sending parameters list . You have to mention datatype json

Try this

function details(id)
    {
        var id = id;
     //   alert(id);
        $.ajax({
            type: 'POST',
            url: 'show.php',
            dataType: 'json',
            data:  {'id':id},
            success: function(data)
            {
             alert("hi");
            }
        });
    }

In your show.php

<?php 
  if (isset($_POST['id']))
  {
    $uid = $_POST['id'];
    echo json_encode($uid);
  }
?>

edited Feb 25, 2020 at 11:55

answered Feb 25, 2020 at 11:21

Asif Chaudhary

616 bronze badges

7 Comments

Asif Chaudhary Over a year ago

what error you are getting ? kindly check your show.php path . is it correct?

Chempooro Over a year ago

Ok I got it the error is in directory location. both the files are in subfolders. but the url fetches from the mainfolder. @WEX

Asif Chaudhary Over a year ago

yes I checked the code is fine just need to make sure file show.php file path is correct,

Chempooro Over a year ago

its showing error : Undefined variable: uid in C:\xampp\htdocs\ecgdash2\show.php on line 15

Asif Chaudhary Over a year ago

I updated my answer kindly have a look I posted the code for show.php i tried at my localhost its working fine for me. Let me know if you are getting still error or show me your show.php file code

|

Collectives™ on Stack Overflow

Ajax send javascript variable to php

2 Answers 2

1 Comment

7 Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

7 Comments

Related