Javascript 使用php mysql检索表单中onchange事件的搜索结果_Javascript_Php_Mysql

Javascript 使用php mysql检索表单中onchange事件的搜索结果

javascript php mysql

Javascript 使用php mysql检索表单中onchange事件的搜索结果,javascript,php,mysql,Javascript,Php,Mysql,我想使用php mysql检索表单中onchange事件的搜索结果。以下是我迄今为止尝试过的代码： <!DOCTYPE Html> <html> <head> <title>PHP INSERT UPDATE DELETE SEARCH</title> </head> <body> <form action="testing.php

我想使用php mysql检索表单中onchange事件的搜索结果。以下是我迄今为止尝试过的代码：

    <!DOCTYPE Html>
      <html>
       <head>
      <title>PHP INSERT UPDATE DELETE SEARCH</title>
     </head>
      <body>
    <form action="testing.php" method="post">
           <input type="number" name="clientId" placeholder="Id" value="<?php  echo $clientId;?>"><br><br>
           <input type="text" name="clientName" required placeholder="First Name" value="<?php echo $clientName;?>"><br><br>
          <input type="text" name="clientNo" required placeholder="Last Name" value="<?php echo $clientNo;?>"><br><br>
           <input type="text" name="address" placeholder="Age" value="<?php echo $address;?>"><br><br>
           <div>


               <!-- Input For Find Values With The given ID -->
                <input type="submit" name="search" value="Find">
            </div>
           </form>
         </body>
         </html>


PHP插入更新删除搜索
Javascript和Php是两种不同的上下文。JS在浏览器中运行，PHP在服务器中运行。不能从javascript调用PHP函数（如mysqli）
要获得新结果，您有两个选项=>使用新搜索刷新页面，并执行到服务器的完整往返。或者使用ajax加载新数据并将其替换到页面中
更多关于ajax的阅读：
=>如果您使用的是jQuery
=>XmlHttpRequest如果您使用的是纯javascript，则可以使用它来满足您的需求
<script type="text/javascript">
    function getMake(make) {
    var data = new XMLHttpRequest();
    data.open("POST","make.php");

    data.onreadystatechange = function(){
        if(data.readyState === 4 && data.status === 200){
           document.getElementById('model').innerHTML = data.responseText;
        }
    }
    data.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    data.send('make='+make);
    }
</script>


函数getMake（make）{
var data=new XMLHttpRequest（）；
data.open（“POST”、“make.php”）；
data.onreadystatechange=函数（）{
if（data.readyState==4&&data.status==200）{
document.getElementById（'model'）.innerHTML=data.responseText；
}
}
data.setRequestHeader（“内容类型”、“应用程序/x-www-form-urlencoded”）；
data.send（'make='+make）；
}

HTML将如下所示：
<select name="make" id="make" onchange="getMake(this.value)"

服务器端和客户端
Web开发是关于通信的。在这种情况下，两（2）方之间通过HTTP协议进行的通信：

服务器-该方负责服务页面。（在你的例子中是PHP）
客户端-该方从服务器请求页面，并将其显示给用户。在大多数情况下，客户机是web浏览器（html/css/JavaScript）。

用户-用户使用客户端浏览网页、填写表格、在线观看视频等



每一方的编程都是指在特定机器、服务器或客户机上运行的代码
您需要创建一些返回数据的php脚本，并向该php文件发出Jquery AJAX请求
简单的例子
Javascript:
  var someID = 1;
   $.post( "test.php", { id: someID, someothervalue: 2 })
    .done(function( data ) {
      alert( "Data Loaded: " + data );
  });

PHP（test.PHP
）


将显示带有“数据加载：JOHN”的警报

执行ajax调用以获取数据。这是从javascript调用PHP函数的唯一方法。在更改什么事件时？@Shubham有这样的测试代码吗？@Jessedegans我想要当用户输入id并按tab键时，其他字段会自动加载
<?php

$someID=$_POST['someID'];
$someothervalue=$_POST['someothervalue'];

if($someID == 1)
{
  echo "JOHN";
}
else
{
  echo "error";
}

?>