pass javascript variable to another php page

Question

I am working on google maps api where i have to calculate the distance from current location to user selected destination. The list of destinations are stored in javascript array as:

var details = [
    {
        'title': 'Sobo Central Mall',
        'address': 'PTMM Malvia Marg,Tardeo Road,Mumbai.',
        'lat': '18.975684',
        'lng': '72.811910',
        'open': 'NA',
        'close': 'NA',
        'sex': 'Unisex',
        'place': 'mall'
    }
    //and so on...
];

which I display in list:

for (i = 0; i < details.length; i++) {
    var place= details[i].title;
    var add= details[i].address;
    document.getElementById('list').innerHTML +='<p>'+ place+ '<br><div id="address"> ' + add +'</div></p><br/><hr/>';

here i want to call the another php i.e.direction.php file to which i can pass add variable

<a href="direction.php?add="+add+">dir</a>

And in direction.php:

<?php $add = $_GET['add'];?>
<script>
document.getElementById('desti').innerHTML = "<?php echo $add ?>";
</script>

But $add doesn't have any value in it. Can anyone sort out the error?or suggest any different way to pass the js variable to another php file.

Where do you render that link? I only see code that displays the address. — Halcyon, May 21 '15 at 12:16
http://stackoverflow.com/questions/16041835/posting-array-to-php-using-ajax — user1844933, May 21 '15 at 12:19
add a hidden variable on page and assign the value of add to it using javascript. On click of link call a javascript function which will redirect to desired page appending the value. like window.location.href='directions.php?add='+document.getElementById(" — Deepak Vishwakarma, May 21 '15 at 12:20
One more thing to remember is that the address might have characters that might break the query string, so use [`encodeURI`](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/encodeURI) to escape the address. — Kevin Nagurski, May 21 '15 at 12:22
@user1844933 i inspect the tag it is showing `dir` that means it is null do u know how can i overcome this? — Dimple, May 21 '15 at 12:27
It seems you will be having multiple add variables , right? Can u share the link for html — Deepak Vishwakarma, May 21 '15 at 12:59

score 0 · Answer 1 · answered May 21 '15 at 12:20

0

add variable can't be call like this in html

So you have to use javascript to replace the url.

Give id to your anchor tag like this

<a id="myAnchor" href="direction.php?add=default_value">dir</a>

At the end when value is inserted in variable add then you write this

document.getElementById("myAnchor").href = "direction.php?add="+add;

Hope this will help

answered May 21 '15 at 12:20

Aman Rawat

2,625
1
25
40

my anchor tag is inside the for loop so it directly takes the value i guess – Dimple May 21 '15 at 12:24
can you provide that line of code. It will be more helpful – Aman Rawat May 21 '15 at 12:26

Özgür Ersil · Answer 2 · 2015-05-21T12:49:32.453

0

In html you should give a class instance name to a div (example: ajaxPostHandler) then in your javascript assign a click event to that div and fire a ajax post event (example: doAjaxPost())

$(".ajaxPostHandler).click(function(){
  doAjaxPost();
})  

function doAjaxPost(){
     $.post('direction.php',{
           add: add

        },function(response){
            if(response.success){
            }
            else{
            }
        });
   }

HTML

<div class="ajaxPostHandler">dir</div>

edited May 21 '15 at 12:49

answered May 21 '15 at 12:24

Özgür Ersil

6,909
3
19
29

i don't have knowledge about ajax can u tell me how can i call ajax in anchor tag. or ajax will work on click? – Dimple May 21 '15 at 12:32

score 0 · Accepted Answer · answered May 21 '15 at 12:44

0

add in tag was getting null value Quotes problem:

<a href="direction.php?add='+add+'">dir</a>//single quotes for add

answered May 21 '15 at 12:44

Dimple

453
9
22

pass javascript variable to another php page

3 Answers3