通过AJAX使用PHP变量更新URL

通过AJAX使用PHP变量更新URL,php,javascript,jquery,mysql,ajax,Php,Javascript,Jquery,Mysql,Ajax,这可能是一个简单的解决办法,我把自己弄糊涂了。我有一个,它通过一个来自MySQL用户数据库的数组进行填充。没问题。我还有一个脚本,当选择某个用户时,我可以通过AJAX访问该用户的用户id。我的问题是,将该用户id放入一个变量$assigned\u to中,以包含在URL中。 对不起,编码太具体了。如果有人要求,我可以把它分解成一个更简单的版本。 以下是到目前为止我得到的信息: <script type="text/javascript"> function showData(str)

这可能是一个简单的解决办法,我把自己弄糊涂了。我有一个
,它通过一个来自MySQL用户数据库的数组进行填充。没问题。我还有一个脚本,当选择某个用户时,我可以通过AJAX访问该用户的用户id。我的问题是,将该用户id放入一个变量$assigned\u to中,以包含在URL中。
对不起,编码太具体了。如果有人要求,我可以把它分解成一个更简单的版本。 以下是到目前为止我得到的信息:

<script type="text/javascript">
function showData(str)
{
if (str=="")
  {
  document.getElementById("showData").innerHTML="";
  return;
  }
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("showData").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","getdata.php?assign_to="+str,true);
xmlhttp.send();
}
</script>

//
//This gets the user_id value from the `<select>` when a user selects it.
//

<?php

//
//Here is the function that displays my users:
//

function userlist()
{               
echo "<select name=\"assigned_to\" onChange=\"showData(this.value)\">";
echo "<option default value=\"\">Assignee</option>";

$mysqli = new mysqli("xxx", "xxx", "xxx", "xxx");
$userlist = "SELECT * FROM users where user_level = 2";
$result = $mysqli->query($userlist);

while( $row = $result->fetch_assoc() ) {
echo "<option value=\"".$row['user_id']."\">".$row['first_name']." ".$row['last_name']."</option>";
}
echo "</select>&nbsp;";
}
echo "<p>";
echo userlist();

echo "<a id=\"show\" href=\"index.php?page=overview&location=advance&assignee=\"".$assign_to."\">Assign</a></p>";
?>
<!-- The line below **will** display the correct user_id value when selected -->
<div id="showData">User Id Shows Here</div>

函数showData(str)
{
如果(str==“”)
{
document.getElementById(“showData”).innerHTML=“”;
返回;
}
if(window.XMLHttpRequest)
{//IE7+、Firefox、Chrome、Opera、Safari的代码
xmlhttp=新的XMLHttpRequest();
}
其他的
{//IE6、IE5的代码
xmlhttp=新的ActiveXObject(“Microsoft.xmlhttp”);
}
xmlhttp.onreadystatechange=函数()
{
if(xmlhttp.readyState==4&&xmlhttp.status==200)
{
document.getElementById(“showData”).innerHTML=xmlhttp.responseText;
}
}
open(“GET”、“getdata.php?assign_to=“+str,true”);
xmlhttp.send();
}
//
//当用户选择时,它从``中获取用户id值。
//
此处显示用户Id
最后一个URL变量$assign_to是我希望$row['user_id']中的值在选中时返回的值

我知道进行这一切的理想方法是将表单发布到php页面,然后使用_post检索所有这些变量。不幸的是,在这种情况下,我需要URL中的变量


一如既往地感谢您。

您在这里所做的应该已经做到了您希望它做的事情。更改选择框时,将使用选择框的当前选定值调用showData函数:

<select name=\"assigned_to\" onChange=\"showData(this.value)\">
您应该在首选调试工具(firebug、chrome developer tools)的网络选项卡中看到它,或者您可以将其记录到控制台/向其发出警报

alert("getdata.php?assign_to="+str);
console.log("getdata.php?assign_to="+str);
你会发现它是有效的

编辑:

使用param重定向到当前页面可以这样做(即使我不明白您为什么要这样做……):

编辑2:

将此函数添加到脚本中:

function setLinkAssignee(assignee) {
  var i, newParams = [], link = document.getElementById('show'),
      href = link.getAttribute('href')
      linkArr = href.split('?')
      params = (linkArr[1] || '').split('&');

  for(i=0; i < params.length; i++) {
    if(params[i].indexOf('assignee=') === -1) {
      newParams.push(params[i]);
    }
  }
  link.setAttribute('href', linkArr[0] + '?' + newParams.join('&') + '&assignee='+assignee);
}

您正在执行的操作将在url中发送变量。您可以使用
$\u GET[“assign\u to”]
访问它,试试jquery和ajax,它会简单得多!这在当前页面上似乎不起作用。它当然可以在getdata.php中使用。我对jquery和AJAX很熟悉,可以在选择
时自动更新。很抱歉,我意识到这没什么意义。我只是无法理解如何将$\u get['assigned\u to']变量返回到生成请求的原始页面上。但是您在该页面上,很抱歉,我真的不明白您的问题出在哪里……我无法理解如何将该变量导入此URL:
请参见EDIT2,您需要设置链接,但需要先解析URL,删除当前assignee参数,然后设置新参数
var current_url = document.location.href;
var separator = current_url.indexOf('?') === -1 ? '?' : '&'; 
document.location.href = current_url + separator + 'assign_to=' + str;
function setLinkAssignee(assignee) {
  var i, newParams = [], link = document.getElementById('show'),
      href = link.getAttribute('href')
      linkArr = href.split('?')
      params = (linkArr[1] || '').split('&');

  for(i=0; i < params.length; i++) {
    if(params[i].indexOf('assignee=') === -1) {
      newParams.push(params[i]);
    }
  }
  link.setAttribute('href', linkArr[0] + '?' + newParams.join('&') + '&assignee='+assignee);
}
<select name=\"assigned_to\" onChange=\"setLinkAssignee(this.value)\">
function showData(str) {
  // your stuff here
  setLinkAssignee(str);