Javascript 从SQL获取数据并在html上填充Dynamicly

我正在开发简单的零售管理web应用程序。我有一个销售页面，其中有一个输入字段，可以从条形码扫描仪获取数据。下面是它的示例代码

html代码

<div id = "sale-form" class="form-group">
<label>PRODUCT CODE</label>
<input type="text" id ="get-code"><span   class="errors" id="get-code- error"></span>
</div>
<script>
       $(document).ready(function(){
         $('#get-code').focus();
          })                 
</script>

<div id="bill">

</div>

我需要在脚本中的帮助，该脚本根据产品代码从SQL中获取数据

---

每次在输入中键入新数据时，都会向id为bill的div中添加一个可编辑行。我尝试过使用html表格，但无法做到这一点。

您几乎做到了：您有了更改和粘贴事件，它应该可以工作。 在else语句中，如果有注释，只需向web服务器发出ajax请求以获取数据，并在成功时解析响应并将其显示在div中。jquery的ajax方法的文档可在此处找到：

如果问题是在div中添加行：只需使用jquery的append方法

$('#get-code').bind('change paste ',function(){
    var vall = $(this).val();
    if(vall == ""){
     $('#get-code-error').text("NO PRODUCT CODE ENTERED");
    }
    else{
    //run some script to fetch data and add row to $('#bill') dynamically;   
    }

})