如何使用href链接将javascript变量作为参数传递?
我有一个JavaScript变量,我希望它与HTML链接一起传递如何使用href链接将javascript变量作为参数传递?,javascript,html,Javascript,Html,我有一个JavaScript变量,我希望它与HTML链接一起传递 <script> var demo=10; </script> 我也会这么做 更新 这是我的Javascript函数 此函数有一个参数&它被传递到a_php_page.php,其中执行一些数据库操作和条件检查&相应的结果作为JSON从php页面传递回AJAX函数。我解析JSON&getdemo变量。如果我从PHP页面得到响应,就会包含一个HTML模式。在HTML模式中,我有一个链接指向\u fake\u
<script>
var demo=10;
</script>
我也会这么做
更新
这是我的Javascript函数
此函数有一个参数
&它被传递到a_php_page.php
,其中执行一些数据库操作和条件检查&相应的结果作为JSON从php页面传递回AJAX函数。我解析JSON&getdemo
变量。如果我从PHP页面得到响应,就会包含一个HTML模式。在HTML模式中,我有一个链接指向\u fake\u page.php,我必须在单击链接时传递演示变量
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();
}
函数一函数(参数)
{
if(window.XMLHttpRequest)
{
xmlhttp=新的XMLHttpRequest();
}
其他的
{
xmlhttp=新的ActiveXObject(“Microsoft.xmlhttp”);
}
xmlhttp.onreadystatechange=function()//回调fn
{
if(xmlhttp.readyState==4&&xmlhttp.status==200)
{
//这些值是使用AJAX从php页面获得的。
//在对php页面进行json编码后,已经从该页面传递了一个数组。
var jsonStr=JSON.parse(xmlhttp.responseText);
var demo=jsonStr.value1;
document.getElementById('myLink').href+='?demo='+encodeURIComponent(demo);
$('' +
'' +
'' +
演示+
'' +
'' +
'' +
'' +
'' +
'' +
'')。模态();
}
}
open(“GET”,“a_php_page.php?from=“+参数,true”);
xmlhttp.send();
}
试试这个
<script>
var demo = 10;
window.location.href = "to_fake_page.php?demostore=" + demo;
</script>
var=10;
window.location.href=“to_fake_page.php?demostore=“+demo;
您想使用此功能设置标签href
<script>
var link = document.getElementById('aTagId');
link.setAttribute('href', 'to_fake_page.php?demostore=demo' + demo);
</script>
var link=document.getElementById('aTagId');
link.setAttribute('href','to_fake_page.php?demostore=demo'+demo);
您需要做的是(在完成所有逻辑之后,并且在变量中有了所需的值)更改链接的href
大概是这样的:
var demo = 123;
document.getElementById('myLink').setAttribute('href', 'somelink.php?demo=' + demo);
<script>
var demo=10;
var urll='to_fake_page.php?demostore='+demo;
</script>
还可以在此处为您提供示例代码:
为了得到结果,我修改了JavaScript代码如下:
var demo = 123;
document.getElementById('myLink').setAttribute('href', 'somelink.php?demo=' + demo);
<script>
var demo=10;
var urll='to_fake_page.php?demostore='+demo;
</script>
var=10;
var urll='to_fake_page.php?demostore='+demo;
然后换了线
'<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中。阅读此代码将自动更改浏览器中的页面,而不会根据需要更改a tag href属性内的链接。更易于使用的属性:document.getElementById('myLink')。href+='?demo='+demo代码>;-)哦,demo的值也应该是,所以…+='?demo='+encodeURIComponent(demo)代码>.Uncaught TypeError:无法读取null的属性“setAttribute”@developer82@BeingJudas可能在页面中找不到您的链接。你能用代码编辑你的帖子让我们看一下吗?@BeingJudas在HTML代码中,你是否向a标记添加了值为“myLink”的id属性?@BeingJudas你能粘贴HTML吗?