Question

我正在开发简单的零售管理网站app.i有销售页面，其中有一个输入字段，可以从条形码扫描仪获取数据。这里有示例代码

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>

j查询

$('#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;   
    }

})

我需要在脚本中提供帮助，该脚本根据产品代码从SQL中获取数据每次在input.i中输入新数据时，都会使用id bill为div添加一个可编辑的行。我已尝试使用html表但无法执行此操作。

Answer 1

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

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

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

1 个答案: