php - 如何将多个变量从 ajax 传递到 php？

Question

我正在尝试将两个变量传递到这个 AJAX 函数中，我该怎么做呢？

function showInfo(str)
{
if (str=="")
  {
  document.getElementById("txt").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("txt").innerHTML=xmlhttp.responseText;
    }
  }

xmlhttp.open("GET","query1test.php?"+str,true);
xmlhttp.send();

我想传递给 AJAX 请求的是 lname 和年份？有办法解决这个问题吗？

<input type="text" name="lname" Onchange="showUser(this.value)"> <br>
<select name="year" >
    <option value="2011">2011</option>
    <option value="2010">2010</option>
    <option value="2009">2009</option>
</select> <br>
<input type="submit" value="submit">

谢谢你的帮助，我还是个初学者。

Answer 1

我会使用 JQuery为了这。如果您使用不同的浏览器，这会容易得多。 Ajax 部分(获取请求)用一行完成，您可以使用选择器来查找所需的值。

在这段代码中，我为名为“lname”的输入设置了 onchange 事件。当 onchange 事件被触发时，我从 name 字段中获取值，从 select 元素中获取年份。然后我向 query1test.php 发送一个获取请求。

$(document).ready(function() {
    $('input[name="lname"]').change(function() {
        var name = $('input[name="lname"]').val();
        var year = $('select[name="year"]').val();
        $.get('query1test.php?name='+name+'&year='+year);
    });
});

在 PHP 脚本 (query1test.php) 中，您可以从 $_GET 中检索值。例如:

<?php

$name = $_GET['name'];
$year = $_GET['year'];

echo $name . ' - ' . $year;

您可能想对从 PHP 脚本返回的数据做一些事情。一个例子是:

$.get('query1test.php?name='+name+'&year='+year, function(data) {
    alert(data);
});