Pass variable via ajax to api.php

Question

I am trying to pass a js variable via ajax to the php side. My js code is:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
  var sAgentId = 'hi'
  $.ajax({
    url: "api-test.php",
    method: "POST",
    data : { id:sAgentId}
  }).done(function(){
    console.log('done')  
  })

and in the php file, I am trying to get the variable via post:

$sAgentId = $_POST['id'];

But finally in api i get the notification that says

Notice: Undefined index: id in C:\xampp\htdocs\webdev-php-exam-prep\exercise\api-test.php on line 2

Can anyone tell me what I am doing wrong?

How are you getting this error ? Using ajax or directly browsing to `api-test.php` ? — Cid, Sep 17 '19 at 09:28
The code you've shown should work. Have you tried checking to see all the data that's posted? You can see how to do that [here](https://stackoverflow.com/questions/6334830/php-possible-to-automatically-get-all-posted-data/12618730) — Rory McCrossan, Sep 17 '19 at 09:31
I tried to see all the data that is posted. But it seems that there is no posted data. I used '$postdata = file_get_contents("php://input"); echo $postdata;' and I dont have any errors but the echo is empty — Sofie, Sep 17 '19 at 09:41
Your title says `api.php`. Your script says `api-test.php`. Which is it? — Script47, Sep 17 '19 at 09:52
Also try to first call `method: 'POST',` and then `url: 'api-test.php',` — Akhtar Munir, Sep 17 '19 at 09:57

score 0 · Answer 1 · answered Sep 17 '19 at 09:59

0

Try adding this to your AJAX method:

dataType: "json"

Try also console logging the response back to check $_POST['id'] is being set.

.done(function(data) {
    console.log("Data: ", data);
});

and in your PHP just return $_POST['id']

answered Sep 17 '19 at 09:59

Sam Oliveri

1

1

`dataType` is used for type of datas of the API **response** – Cid Sep 17 '19 at 10:00

score 0 · Answer 2 · answered Sep 17 '19 at 10:46

0

  var sAgentId = 'hi' 
    $.ajax({
        url:'api-test.php',
        type: "POST",
        data: {id: sAgentId },
        cache: !0,
        dataType: 'json',
        success: function(data) {
           console.log(data);
        }
    });

answered Sep 17 '19 at 10:46

Balamurugan M

580
5
9

score -1 · Answer 3 · answered Sep 17 '19 at 09:30

-1

try replace method by type:

  type: "POST",

answered Sep 17 '19 at 09:30

Phi Cuong

1
1

Only if you're using versions of jQuery prior to 1.9.0. – Sfili_81 Sep 17 '19 at 09:31
"An alias for method. You should use type if you're using versions of jQuery prior to 1.9.0.". Unless OP is stuck in the stone age, it's probably not it. – Amadan Sep 17 '19 at 09:31
5

Check the question : `` OP is using JQuery 3.4.1 – Cid Sep 17 '19 at 09:33
I'm sorry, how to get 50 reputations? – Phi Cuong Sep 18 '19 at 03:16
@PhiCuong [this](https://stackoverflow.com/help/whats-reputation) is how you get reputation – Cid Sep 18 '19 at 08:49

Pass variable via ajax to api.php

3 Answers3