从数据库中填充多个文本框ajax方式

时间:2012-07-27 12:55:06

标签: ajax

我是ajax的新手。 我有一个从数据库填充的下拉列表  和4个文本框。 当用户从下拉列表中选择标题时,文本框应自动填充。

这是我的javascript代码。

function getXMLHttp()
{
  var xmlHttp

  try
  {
    //Firefox, Opera 8.0+, Safari
    xmlHttp = new XMLHttpRequest();
  }
  catch(e)
  {
    //Internet Explorer
    try
    {
      xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
    }
    catch(e)
    {
      try
      {
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
      }
      catch(e)
      {
        alert("Your browser does not support AJAX!")
        return false;
      }
    }
  }
  return xmlHttp;
}

function MakeRequest(username)
{
  var xmlHttp = getXMLHttp();

  xmlHttp.onreadystatechange = function()
                               {
                                    if(xmlHttp.readyState == 4 && xmlHttp.status == 200)
                                     {
                                        HandleResponse(xmlHttp.responseText);
                                     }
                                }

  xmlHttp.open("GET","ajax.php?username="+username,true);
  xmlHttp.send(null);
}

function HandleResponse(response)
{
  document.getElementById("f").value = response; 
}

这是我的PHP代码

    require_once'/classes/USRclass.php';
if(isset($_GET['username']))
{
    $username=$_GET['username'];
    $usr1=new USER;
    $where="username='$username'";
    $a=$usr1->show($where);
    echo $a['name'];
    echo $a['family'];
    echo $a['email'];
    echo $a['privilege'];
}

这是我的表格

<form method="get">
    username:<select name="username" onChange="MakeRequest(this.value)">
        <option></option>
        <?php
        require_once'/classes/USRclass.php';
        $usr1=new User;
        $a=$usr1->show_all_field('username');
        if(count($a)==1)
        {
        foreach($a as $key)
         echo"<option>$key</option>";
        }
        else if(count($a>1))
        {
        foreach($a as $key)
            foreach($key as $column=>$val)
                echo"<option>$val</option>";
        }
        ?>      
        </select><br>
        name: <input id="n" type="text" name="u_name"><br>
        family:  <input type="text" name="u_family" id="f"><br>
        email: <input type="text" name="u_email"><br>
        privilege: <input type="text" name="u_privilege"><br>
        <input type="button" name="u_edit" value="Edit">
        <input type="submit" name="u_ok" value="OK">
        </form>

1 个答案:

答案 0 :(得分:0)

所有ajax调用都可以通过jquery轻松完成,你可以使用.ajax jquery api首先需要获得选项的val并且像下面那样

html

<option id="optn">first</option> //like you want to sent the value of the option have id optn you can send according to you its  only example 

并通过jquery

获取该选项的值
var variable = $("optn").val();

并通过邮寄或获取您想要的方法发送此文件

$.ajax({
  type: "POST",
  url: "some.php",
  data: { dat: var}
}).done(function( msg ) { //you can also use success
  alert( "Data Saved: " + msg );
});
});

在php中你可以通过

获取数据
$_POST['dat']

并根据您执行操作