Отправить js переменную в php файл с ajax

Question

Я хотел бы отправить мою переменную "var targetId" в мой файл php.Я пытаюсь сделать ajax-запрос, но ничего не происходит.

Мой js-файл:

$( ".project_item" ).click(function(e){

var targ = e.target;
var targetId = targ.dataset.id;
console.log(targetId);

$('.popUp').fadeIn("200");
$('header, main, footer').addClass('blur');

$.ajax({

    url: 'function.php',
    type: "POST",
    data: {idVoulu: targetId},
    success: function(data){

    alert(data);
    console.log(data);
   }   
  });

});`

И мой php-файл для получения данных

$idProject = (isset($_POST['idVoulu'])) ? $_POST['idVoulu'] : 0;
if($idProject==0) { echo ' ID not found';}

Можете ли вы сказать мнечто не так?

Answer 1

Итак, я сделал это, и это работает:

Мой JS:

$( ".project_item" ).click(function(e) {
    var targ = e.target;
    var targetId = targ.dataset.id;

    $('.popUp').fadeIn("200");
    $('header, main, footer').addClass('blur');

    $.post('../function.php', { id: targetId }, function(response) {

     console.log("reponse : ", response)
    });

Мой php:

if (isset($_POST['id'])) {

    $newID = $_POST['id'];  
    $response = 'Format a response here' . $newID;

    return print_r($response);
 }

Answer 2

Ну, я не могу найти проблему в вашем коде, но вы можете попробовать это, может быть, это поможет вам

var mydata = "idVoulu='+targetId+'"; // make a string

    $.ajax({

        url: 'function.php',
        type: "POST",
        data: mydata,
        success: function(data){

        alert(data);
        console.log(data);
       }   
      });