Javascript 如何使用Ajax实现相同的功能_Javascript_Php_Jquery_Ajax

Javascript 如何使用Ajax实现相同的功能

javascript php jquery ajax

Javascript 如何使用Ajax实现相同的功能,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,大家好，我是javascript和ajax新手，我读到要将javascript客户端变量转换为phpserver端变量，我们必须通过ajax传递。请有人能给出同样的代码使用AJAX。在这里，我使用的是错误的方法，但我只是发布这段代码来说明我的目标是什么：当用户从select tag HTML中选择id时，我希望其他信息显示在inputs tags type文本中，以便他可以修改信息以下是我的源代码： <script type="text/javascript">

大家好，我是javascript和ajax新手，我读到要将javascript客户端变量转换为phpserver端变量，我们必须通过ajax传递。请有人能给出同样的代码使用AJAX。在这里，我使用的是错误的方法，但我只是发布这段代码来说明我的目标是什么：当用户从select tag HTML中选择id时，我希望其他信息显示在inputs tags type文本中，以便他可以修改信息以下是我的源代码：

 <script type="text/javascript">

        document.getElementById('id').onchange = function(){
        var identifiant = document.getElementById('id').value;

        <?php  
        $phpvar='"+identifiant+"'; 
        $sql="select * from inscrits where id=".$phpvar;
        $res=mysql_query($sql) or die ('Unable to run query:'.mysql_error());
        $ligne=mysql_fetch_array($res);


        ?>

        //document.getElementById('nom').value ="<?php echo $phpvar;?>";

        document.getElementById('nom').value = "<?php echo $ligne['nom'] ?>";
        document.getElementById('prenom').value = "<?php echo $ligne['prenom'] ?>";
        document.getElementById('profession').value = "<?php echo $ligne['profession'] ?>";
        document.getElementById('etablissement').value = "<?php echo $ligne['etablissement'] ?>";
        document.getElementById('telephone').value = "<?php echo $ligne['telephone'] ?>";
        document.getElementById('email').value = "<?php echo $ligne['email'] ?>";
        document.getElementById('acceptation').value = "<?php echo $ligne['acceptation'] ?>";
        }


</script>

请欣赏我的处境我对javascript编程还不熟悉我刚刚开始

如果可以将我可以在同一页面中使用的代码发布给我。谢谢你，有很多方法可以做到这一点，但这里有一个简单的代码可以帮助你。简而言之，我从一本叫做Ajax的旧书中获得了代码，但为您修改了它

创建一个php文件lookupCustomer.php，并在其中添加php代码，同时对i

<?php  
        $phpvar = 'id';

        $sql="select * from inscrits where id=".$phpvar;
        $res=mysql_query($sql) or die ('Unable to run query:'.mysql_error());
        $ligne=mysql_fetch_array($res);
         print_r(json_encode($ligne));

        ?>

下面是如何调用php脚本并更新表单的，同样，这只是执行此逻辑的一种简化方法

<html> 
 <head>
  <title>EXAMPLE</title>
  <script language="javascript" type="text/javascript">

  var xmlObj = (typeof window.ActiveXObject != 'undefined')
  ? new ActiveXObject("Microsoft.XMLHTTP")
  : new XMLHttpRequest();

  if (xmlObj == null)
     alert("Error creating request object!");

   function getCustomerInfo() 
   {
     var id = document.getElementById("id").value;
     var url = "lookupCustomer.php?id="+ escape(id);
     xmlObj.open("GET", url, true);
     xmlObj.onreadystatechange = updatePage;
     xmlObj.send(null);

     //* using POST instead of GET, use this code
     //var url = "lookupCustomer.php";
     //var req = "id="+ escape(id);
     //req = req + "?dummy=" + new Date().getTime();
     //document.getElementById("order").value = url;
     //xmlObj.open("POST", url, true);
     //xmlObj.onreadystatechange = updatePage;
     //xmlObj.send(null);
   }

   function updatePage() 
   {
     alert(xmlObj.readyState+" "+xmlObj.status);
     if (xmlObj.readyState == 4) 
     {
       if (xmlObj.status == 200) 
       {
         /* Get the response from the server */
         var customerAddress = xmlObj.responseText;
         /* Update the HTML web form */
        var linqne = JSON.parse(this.responseText); 
        document.getElementById('nom').value           =  linqne.nom;
        document.getElementById('prenom').value        =  linqne.prenom;
        document.getElementById('profession').value    =  linqne.profession;
        document.getElementById('etablissement').value =  linqne.etablissement;
        document.getElementById('telephone').value     =  linqne.telephone;
        document.getElementById('email').value         =  linqne.email;
        document.getElementById('acceptation').value   =  linqne.acceptation;
       }
       else
       {
         var customerAddress = xmlObj.responseText;
        alert("Server return status error = "+xmlObj.status);
       }
     }
   }
  </script>
 </head>

 <body onLoad="document.forms[0].reset();">
  <p><img src="breakneck-logo.gif" alt="Break Neck Pizza" /></p>
  <form method="POST" action="lookupCustomer.php">
   <p>Enter your id number:
    <input type="text" size="14" name="id" id="id" onBlur="getCustomerInfo()" />
    <input type="text" size="20" name="nom" id="nom" />
    <input type="text" size="20" name="prenom" id="prenom" />
    <input type="text" size="20" name="profession" id="profession" />
    <input type="text" size="20" name="etablissement" id="etablissement" />
    <input type="text" size="20" name="telephone" id="telephone" />
    <input type="text" size="20" name="email" id="email" />
    <input type="text" size="20" name="acceptation" id="acceptation" />
   </p>
  </form>
 </body>
</html>

你试过什么吗？为什么要这样赋值？有很多关于如何使用ajax的教程。。让谷歌成为你的朋友。基本上，您要求的是有人为您编写所有代码，而这不是这里的工作方式好的，谢谢您提供的提示将第一行更改为$phpvar=$\u REQUEST['id']；非常感谢你@Frank这才是我真正想要的。再次感谢你