通过 AJAX 将 javascript 变量传递给 PHP 变量的问题

Question

I'm trying to pass a variable from javascript to a PHP variable on the same page using AJAX.

I've been looking through all the post I could find and even though is been asked a few times before (how to pass javascript variable to php via ajax), I can't get it to work..

Here is what I tried from what I read from other posts. But it is not working.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
  <script>
  $('#submitfakta').live('mouseover mouseout', function(e) {
    if (e.type == 'mouseover') {
        var idAttr = $(this).attr('value');
                        //alert($(this).attr('id'));
                        $.ajax({
                            type: "POST",
                            url: 'profile.php',
                            data: idAttr : idAttr 
                            success: function(data)
                            {
                                alert("success!");
                            }
                        });
                    });
    }
  });


  </script>

This is my javascript code alone without using AJAX. It is working correctly for getting my variable using javascript. But it lacks the part that sends the variable to a php variable on the same page. By looking through others post I tried using AJAX as my example above, but as already mentioned without luck.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
  <script>
  $('#submitfakta').live('mouseover mouseout', function(e) {
    if (e.type == 'mouseover') {
        var idAttr = $(this).attr('value');
        alert(idAttr);
    } 
  });


  </script>

My PHP code trying to print my variable:

<?php
  $idAttr = $_POST['idAttr'];
  echo $idAttr;
  ?>

Answer 1

try to send data like this(data have to be a plain object or string)

data: {idAttr : idAttr} 

and get in php

$idAttr = $_POST['idAttr']

Answer 2

Here is my HTML & JS Code!

    <div id="submitfakta" value="abdulrehman" style="height: 200px; width: 200px; background-color: red;"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
  <script>
  $('#submitfakta').live('mouseover mouseout', function(e) {
    if (e.type == 'mouseover') {
        var idAttr = $(this).attr('value');
        //alert($(this).attr('id'));
        $.ajax({
            type: "POST",
            url: 'profile.php',
            data: {idAttr : idAttr },
            success: function(data)
            {
                alert("success! " + data);
            }
        });

    }
  });
  </script>

AND HERE IS MY profile.php CODE:

<?php 
echo $_POST["idAttr"]; exit; 

Answer 3

You have to send the data as

data: {var1: value1, var2 : value2}

You have the following, which is incorrect

data: idAttr : idAttr

Answer 4

You can also pass that data like in jquery,

data : "idAttr ="+ idAttr;

And on PHP Side

$idAttr = $_POST['idAttr'];