如何將getJSON結果傳遞到輸入框中

Question

我正在嘗試使用$ .getJSON從數據庫中最后一條記錄中的數據填充from。 GET返回JSON，但是我無法獲取數據來填充字段。 我完全不了解其中的大部分內容。

$.getJSON("loadloads.php", function (data) {
    document.getElementById("LoadNumber").innerHTML = data.LoadNumber
});

這是返回的JSON，是從Firebug復制而來的。

[{
    "value": {
        "LoadNumber": "227303",
        "OrderDate": "2013-04-09",
        "ShipDate": "2013-04-09",
        "ShipTime": "12:00:00",
        "DeliveryDate": "2013-04-10",
        "DeliveryTime": null,
        "PurchaseOrderNumber": "0002323803",
        "CustomerId": "200540",
        "Rate": "801.08",
        "EmployeeId1": "1",
        "EmployeeId2": "1",
        "CarrierId": "201383",
        "CarrierRate": "700",
        "Tarp": "NO",
        "Status": "Dispatched",
        "Notes": "Pls check in as an All Points Inc. carrier.  V-boards reg.  Shipper tracking we need Proof of delivery faxed or called in A.S.A.P (within 24 hours)  Need printed name of person signing for load.  Must haul 48K min.",
        "LoadTypeId": "1",
        "LoadType": "Flatbed",
        "BillingNotes": "608.48 + 192.60",
        "InvoiceDate": null,
        "PayDate": null,
        "DestinationNext": null,
        "Covered": "0",
        "CompanyName": "GAF Materials Corp.",
        "CarrierName": "Daniel Zamora",
        "FN1": "Craig",
        "FN2": "Craig"
    }
}]

這是輸入框

<label for="LoadNumber">Load Number :
    <input type="text" size="12" id="LoadNumber" Name="LoadNumber" tabindex="-1" />
</label>

Answer 1

JSON定義了一個具有一個條目的數組，該條目是一個對象，它具有一個屬性value ，這是一個具有一堆屬性的對象，其中LoadNumber是一個。 另外，由於LoadNumber是input元素，因此您將使用.value而不是.innerHTML 。

所以代替

document.getElementById("LoadNumber").innerHTML = data.LoadNumber

它應該是：

document.getElementById("LoadNumber").value = data[0].value.LoadNumber;

（分號不是絕對必要的，但我強烈建議不要依賴分號插入的恐怖。）

data指的是陣列作為一個整體，所以[0]給我們的第一個條目，然后.value給我們的value該對象的屬性，並.LoadNumber給我們的LoadNumber 該對象的屬性。 更詳細地說：

var firstEntry = data[0];
var valueObject = firstEntry.value;
document.getElementById("LoadNumber").value = valueObject.LoadNumber;

當然，由於您使用的是jQuery，因此可以改用val ：

$("#LoadNumber").val(data[0].value.LoadNumber);