выборки данных из SQL и заполнить dynamicaly на HTML

Question

Я работаю на простой веб-розничной управления app.i имеют продажи страницу, которая есть поле ввода, который получает данные из штрих-кода scanner.here пример кода его

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, основанный на коде продукта добавляет редактируемый строку й e div с идентификатором счета каждый раз, когда новые данные вводятся в input.i пробовали с html-таблицей, но не смогли этого сделать.

Answer 1

Вы почти сделали это: у вас есть событие изменения и вставки, и оно должно работать. В инструкции else, где у вас есть комментарий, просто сделайте запрос ajax на веб-сервер, чтобы получить данные, и по успеху проанализируйте ответ и отобразите его в div. Документацию по ajax-методу jquery можно найти здесь: http://api.jquery.com/jquery.ajax/

Если проблема заключается в добавлении строки в div: просто используйте метод добавления jquery.