未捕獲的類型錯誤：無法讀取 null 的屬性“值”

Question

您好，我正在處理一個 ASP.NET 頁面，我想在其中使用 AJAX 查看數據庫中的數據

我所做的是創建了以下 C# 方法：

[System.Web.Services.WebMethod, ScriptMethod(ResponseFormat = ResponseFormat.Json, UseHttpGet = false)]
public static void ViewData(string contNumber, string BookingNo)
{
    if (contNumber != "" && BookingNo != "")
    {
        string container = contNumber;
        string booking = BookingNo;

        db.SelectData(container, booking);
        HttpContext.Current.Response.Write("IN!!"+ booking);
    }
}

然后我使用 AJAX 調用此方法，代碼如下：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script

        function View() {

            var container = document.getElementById("#<%=contNoTxtBox.ClientID%>").value;
            var booking = document.getElementById("#<%=bookingNoTxtBox.ClientID%>").value;

          //  var cont = container.value;
         //   var book = booking.value;

            $.ajax(
                {

                    type: "POST",
                    url: "VGMForm.aspx/ViewData",
                    data: '{contNumber: "' + $(container) + '", BookingNo: "' + $(booking) + '"}',
                    contentType: "application/json; charset=utf-8",
                    dataType: "json"

                });


        }

在我的 HTML 頁面中，我使用以下代碼調用該函數：

<input id="Button1" type="button" value="button" onclick="View()" />

但是，當我單擊按鈕時，收到以下錯誤：

未捕獲的類型錯誤：無法讀取 null 的屬性“值”

我不確定導致此錯誤的原因是什么，原因是什么以及如何解決？

Answer 1

一些getElementById返回null

  document.getElementById("#<%=contNoTxtBox.ClientID%>")

或者

  document.getElementById("#<%=bookingNoTxtBox.ClientID%>")

Answer 2

我能夠通過從腳本中刪除 .ClientID 來解決它，如下所示：

var container = document.getElementById("contNoTxtBox").value;
 var booking = document.getElementById("bookingNoTxtBox").value;