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

【问题标题】：How to load data from Database with jquery?如何使用 jquery 从数据库中加载数据？
【发布时间】：2014-03-07 06:44:36
【问题描述】：

我有一份销售表格，

<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”，那么“产品名称、价格、数量”将自动显示在他们的字段中。

【问题讨论】：

看Ajax
您可以使用 Jquery 的 ajax 请求或 $.get 或 $.post 来完成此任务。
有一个 </div> 太多（最后） - 可能是复制/粘贴错误

标签： jquery forms

【解决方案1】：

就像@Arun P Johny 提到的那样，ajax 是您将与 jQuery 一起使用的......

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

如果您查看社交媒体平台如何在其 API 上发布文档，您会注意到它们在从其来源检索数据方面有哪些特定模式，同样，您应该考虑采用类似做法。

注意

很抱歉无法在没有代码的情况下完全回答，但没有任何关于如何访问您的后端的上下文，我严重怀疑 SO 社区能否提供进一步的帮助

【讨论】：

【解决方案2】：

通过使用 jQuery.ajax()，您可以简单地加载数据

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

【讨论】：

【解决方案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找到更多信息

【讨论】：

【解决方案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
    });
});

【讨论】：

【解决方案5】：

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

【讨论】：