ASP.NET MVC4 jQuery getJSON 獲取不到數據：事件綁定時機問題

問題代碼

<script>
$("button").click(function () {
    $.getJSON("/Compare/Cars?id=7", null, function (res) {
        $("#name").html(res.CarNo);
    });
});
</script>

按鈕點擊無反應，無網絡請求。

原因

腳本在 `` 或頁面加載時執行，此時 `` 尚未渲染，jQuery 選擇器 `$("button")` 匹配不到元素，**事件未綁定**。

解決

<script>
$(function() {  // DOM Ready 後執行
    $("button").click(function () {
        $.getJSON("/Compare/Cars?id=7", function (res) {
            $("#name").html(res.CarNo);
        });
    });
});
</script>

或將腳本放在 `` 前。

補充：Controller 返回 JsonResult

public JsonResult Cars(int id) {
    var entity = db.Cars.SingleOrDefault(a => a.CarNo == id);
    return Json(entity, JsonRequestBehavior.AllowGet); // 直接返回實體，無需包裝 JsonResult
}