如何使用href链接传递javascript变量作为参数?

时间:2014-09-16 05:04:30

标签: javascript html

我有一个JavaScript变量,我想传递一个HTML链接。

<script>
var demo=10;
</script>

我在执行一个javascript函数时获得了demo的价值&amp;很少if-else&amp; for循环。由于该代码对此问题没有任何意义,因此我没有将其包括在内。假设在所有这些操作之后,我得到的最终结果存储在demo变量中。现在我想传递这个演示变量以及一个链接。

<a href="to_fake_page.php">On click pass demo</a>

我试图将demo变量作为参数传递给href链接。这有可能吗?

我知道

window.location.href = "to_fake_page.php?demostore=demo";

也会这样做。

更新

这是我的Javascript功能

此功能有一个parameter&amp;它被传递到a_php_page.php,其中一些数据库操作&amp;进行状态检查&amp;相应的结果作为JSON从PHP页面传递回AJAX函数。我解析JSON&amp;获取demo变量。如果我从PHP页面获得响应,则包含HTML模式。在HTML模式中,我有一个指向to_fake_page.php的链接到我必须在点击链接On click pass demo时传递演示变量的位置。

 function onefunction(parameter)
   {
       if(window.XMLHttpRequest)
       {
           xmlhttp=new XMLHttpRequest();
       }
       else
       {
           xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
       }
       xmlhttp.onreadystatechange=function() //callback fn
       {
           if(xmlhttp.readyState==4 && xmlhttp.status==200)
           {
               // these values are obtained from a php page using AJAX.
               // An array has been passed from the php page after json encoding it.

               var jsonStr = JSON.parse(xmlhttp.responseText);
               var demo=jsonStr.value1;
               document.getElementById('myLink').href += '?demo=' + encodeURIComponent(demo);

               $('<div class="modal fade">' +
                   '<div class="modal-dialog">' +
                   '<div class="modal-content">' +
                   demo+
                   '</div>' +
                   '<div class="modal-footer">' +
                   '<a href="to_fake_page.php" id="myLink">On click pass demo</a>' +
                   '</div>' +
                   '</div>' +
                   '</div>' +
                   '</div>').modal();

           }
       }
       xmlhttp.open("GET","a_php_page.php?from="+parameter,true);
       xmlhttp.send();
   }

3 个答案:

答案 0 :(得分:4)

你需要做什么(在完成所有逻辑之后,你在变量中有你想要的值)就是改变链接的href。

类似的东西:

var demo = 123;
document.getElementById('myLink').setAttribute('href', 'somelink.php?demo=' + demo);

还为您提供示例代码:

http://jsfiddle.net/x8tgktv6/

答案 1 :(得分:3)

为了得到结果,我修改了我的JavaScript代码:

<script>
var demo=10;
var urll='to_fake_page.php?demostore='+demo;
</script>

并更改了行

'<a href="to_fake_page.php" id="myLink">On click pass demo</a>' + 

在AJAX函数中

'<a href="'+url+'"' +
'id="myLink">On click pass demo</a>' +

这很简单。将变量urll添加到DOM。

特别感谢: developer82

当我达到15次重复时,我一定会投票给你答案。这是我所寻找的唯一答案。格拉西亚斯。

答案 2 :(得分:0)

试试这个,

<script>
     var demo = 10;
     window.location.href = "to_fake_page.php?demostore=" + demo;
</script>

您想使用此功能设置标签href。

<script>    
   var link = document.getElementById('aTagId');
   link.setAttribute('href', 'to_fake_page.php?demostore=demo' + demo);
</script>