根据HTML输入的更改运行MySQL查询=更改时提交文本

Question

[我要做的是，当我在输入文本框中键入内容时，查看在文本框中输入文本时，文本框的值是否在DB行中。

<input type='text' name='barcode'> 

具有在输入字段的db onchange搜索中查找输入的条形码的值，并在与输入字段相同的页面上回显该行的结果。

看来我必须使用AJAX，但我一点都不熟悉。

Answer 1

检查：https://www.w3schools.com/php/php_ajax_livesearch.asp-这将使您具有使其与数据库一起使用的想法。

Answer 2

我建议您使用JQuery执行此操作。在HTML文件中...在输入中包含此内容，只需确保适当地包含jquery文件即可。在页面的任何位置，您都有带有onchange事件的输入组件。输出div是命中数据库后在HTML页面上显示内容的位置。

<input type='text' name='barcode' onchange="updateDB(this);"> 
<div id="outputdiv" class="outputdiv"></div>
在您的JavaScript中，您具有与此相似的功能，

function updateDB(object{
    //retrieve the value of the input... 
    //from object which represents the input
    var options = {
       type:'post',
       url: '/update/db.php',   //the script to update the database
       data: {"value":$(object).val()},
    };

    $.ajax(options)
    .done(function(data){  //if the request succeeds this part runs.
       $('#outputdiv').html(data);  
     })
     .fail(function(xhr, status, error){  
       //if the request fails this runs..
       //enter what to do if error occurs... 
     });

   }
请确保在调用脚本之前加载jquery文件。如果您的脚本位于其他文件中。与此类似的内容，在您的html文件中

<script type="text/javascript" src="/js/jquery-1.13.2.min.js"></script>
<script type="text/javascript">
   //your javascript goes here... 
</script>
然后在服务器文件中假设其php ....您输入代码以查询数据库..并且相对于jquery-ajax脚本中的url。 

<?php 
    //connect to the database.. 
    //query the database and enter the   
    //what ever you echo is received on the success(data)
    //and sent to the div tag on your html file.
 ?>
我希望这会有所帮助..