Agfdhyk

I'm trying to pass these variables via AJAX POST method from my JS file to my PHP file, but nothing goes thru. The console log is clean, and the table in the php page loaded, but the fields are empty. The idea is to set the variables in JS & then pass them into the php file to be displayed in the table.

Here's a Screenshot of the Chrome Window

Here's the .JS part:

    $.ajax({

    type: "POST",

    url: "test-php.php",

    dataType: "text",

    data: {

      min: "D201522170",

      invoice: 60,

      sum: 60, // Replace with dynamic radio button values

      descr: "Food Regime",

      exp_date: "31.12.2018"

      },

      success: function(data) {

        console.log(data);

      }

  });

And here's the .PHP part:

<?php

if (session_status() == PHP_SESSION_NONE) {

  session_start();

}

$min        = $_POST['min'];

$invoice    = $_POST['invoice'];

$sum        = $_POST['sum'];

$exp_date   = $_POST['exp_date'];

$descr      = $_POST['descr'];



$data = <<<DATA

MIN={$min}

INVOICE={$invoice}

AMOUNT={$sum}

EXP_TIME={$exp_date}

DESCR={$descr}

DATA;

These variables are displayed on the screen in a table:

      <table class="striped">

        <tbody>

          <tr>

            <td>Merchant Id</td>

            <td> {$min}</td>

          </tr>

          <tr>

            <td>Invoice Number</td>

            <td>{$invoice}</td>

          </tr>

          <tr>

            <td>Product Description</td>

            <td>{$descr}</td>

          </tr>

          <tr>

            <td>Payment</td>

            <td>{$sum}</td>

          </tr>

          <tr>

            <td>Total Amount</td>

            <td>{$sum}</td>

          </tr>

          <tr>

          <td>

          </tbody>

          </table>

?>

success function should be out side the data

$.ajax({

type: "POST",

url: "test-php.php",

dataType: "text",

data: {

  min: "D201522170",

  invoice: 60,

  sum: 60, // Replace with dynamic radio button values

  descr: "Food Regime",

  exp_date: "31.12.2018"

  },

  success: function(data) {

    console.log(data);

  }

  });