通过AJAX用PHP变量更新URL

Question

这里可能是一个简单的解决方案，我很困惑。 我有一个<select> ，它通过一个数组填充来自用户的MySQL数据库。 没问题。 我还有一个脚本，当选择了某个用户时，我可以通过AJAX将该用户的user_id设置为。 我的问题是将该用户ID放入变量$ assigned_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>

最后一个URL变量$ assign_to是我想要从$ row ['user_id']中选择返回的值。

我了解进行所有这些操作的理想方法是将表单发布到php页面并使用_POST检索所有这些变量。 不幸的是，在这种情况下，我需要URL中的变量。

一如既往的感谢。

Answer 1

您在这里所做的事情应该已经按照您想要的去做。 更改选择框后，将使用当前选择框的选定值来调用showData-function：

<select name=\"assigned_to\" onChange=\"showData(this.value)\">

在showData-function中，检索到的参数'str'包含此值，并将其附加到url：

xmlhttp.open("GET","getdata.php?assign_to="+str,true);

您应该在首选调试工具（Firebug，Chrome开发者工具）的“网络”标签中看到它，也可以将其记录到控制台/对其进行警告

alert("getdata.php?assign_to="+str);
console.log("getdata.php?assign_to="+str);

你会看到它有效

编辑：

可以使用参数将其重定向到当前页面（即使我不明白您为什么要这样做...）：

var current_url = document.location.href;
var separator = current_url.indexOf('?') === -1 ? '?' : '&'; 
document.location.href = current_url + separator + 'assign_to=' + str;

编辑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);
}

如果您不希望完成ajax请求，请像这样调用它：

<select name=\"assigned_to\" onChange=\"setLinkAssignee(this.value)\">

或像这样在showData中：

function showData(str) {
  // your stuff here
  setLinkAssignee(str);