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

时间:2017-02-05 09:44:16

标签: javascript php jquery html ajax

我正在开发简单的零售管理网站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表但无法执行此操作。

1 个答案:

答案 0 :(得分:0)

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

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