Question

我有一份销售表格，

<div class="form-group">
  <input type="text" class="form-control" id="id_barang"  placeholder="Barcode" required>
</div>
<div class="form-group">
  <input type="text" class="form-control" id="nama"  placeholder="Product Name" readonly >
</div>
<div class="form-group">
  <input type="text" class="form-control" id="harga"  placeholder="Price" readonly >
</div>
<div class="form-group">
  <input type="text" size="2" class="form-control" id="stok"  placeholder="Qty" readonly>
</div>
<div class="form-group">
  <input  type="text" size="2" class="form-control" id="jumlah"  placeholder="Total" required>
</div>   

<button type="submit" class="btn btn-primary">Add</button>
<button type="submit" class="btn btn-warning">Cancel</button>
</div>

我不知道该怎么做，我试过“谷歌”关于我的问题的教程，如果我们输入“条形码”或“ID”，那么自动“产品名称，价格，数量”将显示在他们的字段中。

Answer 1

就像@Arun P Johny提到的那样，ajax就是你将使用jQuery ...

但是，您需要了解后端代码从数据库访问信息的方式（这需要与您的后端编码器就如何访问信息进行通信......即构建合理的API）。

如果你看一下社交媒体平台如何在他们的API上发布文档，你会发现他们如何从他们的源中检索数据有某些模式，同样，你应该考虑采用类似的做法。

注意的

道歉，如果没有代码就无法完全回答，但没有任何关于你的后端如何访问的背景，我严重怀疑SO社区可以进一步提供帮助

Answer 2

通过使用jQuery.ajax（），您只需加载数据

https://api.jquery.com/jQuery.ajax/

Answer 3

您可以使用jquery通过ajax调用进行调用，请参阅下面的示例。

$.ajax({
            type: "POST",
            url: 'xxxx.aspx/methodname',
            data: "{}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (data) {
                for (var i = 0; i < data.d.length; i++) {
                    $("#tbl").append("<tr><td>" + data.d[i].PONumber + "</td></tr>");
                }
            }
        });

您可以在document.ready（）方法上进行此调用，也可以通过按钮单击事件

上的函数调用进行此调用

您可以在making ajax calls using jquery

上找到更多信息

Answer 4

在HTML中，为产品的条形码添加另一个输入框：

<input type="text" id="barcode"  placeholder="Barcode">

并且，在javascript上，为条形码输入添加一个事件处理程序：

$('#barcode').on('change', function(){
    var barcode = $(this).val();
    $.ajax({
        // Do the AJAX call here to retrieve the product information based on the barcode
        // , then update those 4 input elements accordingly
    });
});

Answer 5

如果你想通过jquery从后端访问数据你必须使用ajax，点击时在html中在按钮上发送一个id它应该存在于数据库中然后你有编写代码来获取数据，然后你必须显示。 $.jquery ajax returned data (json) displays as 'undefined'

如何使用jquery从数据库加载数据？

5 个答案: