2016-10-19 95 views
0

我想再次填滿來自JSON數據輸入字段,然後將其發送到打印機上,並填補最後一行輸入打印機-1分貝然後發送到打印機和然後最後一行-2然後打印等。我已成功地返回從最後n JSON數據insered取決於printmultiple值從數據庫的行使用JSON數據填充輸入字段,然後發送到

的HTML

<div id="printableArea"> 
<div align="center"> 

<input type="text" name="barcode2" id="barcode2" required readonly > 
<input type="text" name="barcodecountry" id="barcodecountry" > 
<input type="text" name="barcodecountry" id="barcodecountry2" > 

<br> 
<div id="print"> 
</div> 

<label id="idbar">id.:</label><input type="text" name="barcodesurname" id="barcodesurname" required readonly> 
<br> 
<br> 
<label id="pricebar">price:</label><input type="text" name="barcodename" id="barcodename" required readonly> 
<input type="text" name="barcodecountry" id="barcodecountry3"> 
</div> 
</div> 

</div> 

printablearea是div是輸入充滿和我發送打印打印機

在我的JS文件

$(document).ready(function() { 


    $('form').submit(function(event) { 

     $('.form-group').removeClass('has-error'); // remove the error class 
     $('.help-block').remove(); // remove the error text 





     var formData = { 
      'surname'  : $('input[name=surname]').val(), 
      'name'  : $('input[name=name]').val(), 

      'telephone' : $("#telephone").val(), 
      'mail' : $("#mail").val(), 
      'barcode' : $("#barcode").val(), 
      'customid' : $("#customid").val(), 
      'ticketprice' : $("#ticketprice").val(), 
      'seat' : $("#seat").val(), 
      'printmultiple' :$("#printmultiple").val() 

     }; 

     $.ajax({ 
      type  : 'POST', 
      url   : 'process2.php', 
      data  : formData, 
      dataType : 'json', from the server 
      encode  : true 
     }) 

      .done(function(data) { 



       console.log(data); 

       if (! data.success) { 
         if (data.errors.surname) { 
         $('#surname-group').addClass('has-error'); 
         $('#surname-group').append('<div class="help-block">' + data.errors.surname + '</div>'); 
         } 
         else if (data.errors.name) { 
         $('#name-group').addClass('has-error'); 
         $('#name-group').append('<div class="help-block">' + data.errors.name + '</div>'); 
         } 



       } else { 

$.each(data.added, function (i,it){ 

    $('#printableArea').append(data.added[i]); 
}); 

    for(i=0; i<data.added[13]; i++){ 
        $('#barcodecountry2').val(data.added[1]); 
        $('#barcodesurname').val(data.added[0]);    
        $('#barcodename').val(data.added[4]); 
        $('#barcode2').val(data.added[2]); 
        $("#print").barcode(
    document.getElementById("barcode2").value, 
    "code128" 
    ); 
       $('#printableArea').print(); 
       } 

$('form').append('<div class="alert alert-success">' + data.message + '</div>'); 
    } 
      }) 


      .fail(function(data) { 


       console.log(data); 
      }); 


     event.preventDefault(); 
    }); 

}); 

我想從JSON返回的數據來填充輸入例如JSON的第5個元素來填充然後打印然後接下來的5,然後打印。我加入的代碼依賴於printmultiple值打印,但只打印塔最後一排n次

下面我加上返回的JSON數據:Object { 0: "7784", 1: "2016-10-18 23:16:01.000000", 2: "16221458721646", 3: "2016-10-19", 4: "8", 5: "normal", 6: null, 7: "admin", 8: "DASDSADAS", 9: "7884", 18 more… }

+0

它可能會幫助你顯示'data'變量的示例內容及其結構。出於興趣,這是一種很奇怪的印刷方式。這是一份報告嗎?通常情況下,人們對使用文本框等打印表單不感興趣,他們更喜歡將數據格式化得很好並且可讀。印刷的表格通常看起來不錯。表單旨在用於輸入和捕獲數據,而不是顯示/打印數據。 – ADyson

+0

形式是打印條形碼與數據庫的數據,但如果有人想打印例如5個條形碼我想插在DB的最後5行,因爲條形碼採用條碼+ 1,並在打印機上打印 – aristeidhsP

+0

是從返回的數據上JSON \t 對象{0: 「7784」,1: 「2016年10月18日23:16:01.000000」,2: 「16221458721646」,3: 「2016年10月19日」,4: 「8」,5 :「normal」,6:null,7:「admin」,8:「DASDSADAS」,9:「7884」,18 more ...} – aristeidhsP

回答

0

我已經找到了解決辦法

for(i=0; i<data.added[0].printmultiple; i++){ 
        $('#barcodecountry2').val(data.added[i].signintime); 
        $('#barcodesurname').val(data.added[i].customid);    //get id 
        $('#barcodename').val(data.added[i].ticketprice); 
        $('#barcode2').val(data.added[i].barcode); 
        $("#print").barcode(//div id print 
    document.getElementById("barcode2").value,// Value barcode (dependent on the type of barcode) 
    "code128" // type (string) 
    ); 
相關問題