用戶按下按鈕后如何更新ASP Web應用程序的文字或標簽

Question

警告：在ASP和javascript方面，我是新手-我更習慣於桌面應用程序。 Web開發對我來說是全新的。

我繼承了一個ASP.net項目，該項目需要保持最新狀態。

我當前的問題是，當用戶單擊按鈕時，我需要在文本控件中顯示客戶端時間（標簽或文字控件-不必專門是其中之一，我只需要以文本形式顯示）即可。 '救'。 如果在服務器端執行此操作，則在“ SaveChanges”功能中，可以獲取服務器所在的時間。

我的按鈕定義如下：

<asp:Button ID="Save" runat="server" Text="Save Changes" OnClick="SaveChanges" 
 ValidationGroup="ProjectSummaryValidationGroup" 
 meta:resourcekey="SaveResource1" />

我的文字/標簽是：

<asp:Label ID="SaveTime" runat="server"></asp:Label>

我發現一個javascript函數可以根據此處的其他問題之一來計算客戶端時間：（編輯：我已經更新了此函數，以便為標簽的文本值分配了一個值）

<script type="text/javascript">
  function GetDate(date) {
  CurTime = new Date(date);
  var offset = (new Date().getTimezoneOffset() / 60) * (-1);
  var utc = CurTime.getTime() + (offset * 60000 * (-1));
  var serverDate = new Date(utc + (3600000 * offset));
  var dateString = (serverDate.getMonth() + 1) + "/" + serverDate.getDate() + "/" +
  serverDate.getFullYear() + " " + serverDate.toLocaleTimeString("en-US", { hour12: true });

  document.getElementById('<%=SaveTime.ClientID%>').Text = dateString;
 }
</script>

我的問題是我不知道將此javascript函數放在我的apsx頁面中的位置，也不知道如何將標簽的Text值設置為該函數中計算出的日期字符串。 我什至不知道如何“調用”此功能...

所以我的問題是：

1. 我必須在哪里定義javascript函數？
2. 當用戶單擊“保存”按鈕時，如何“調用”此javascript函數，以便更新我的年齡的文本？

Answer 1

您可以使用Java Script Function

 <script type="text/javascript" language="javascript">
function javascriptFunction()
{

}
</script>

調用此函數如果您使用過更新面板，則可以在.Cs頁面中使用：

ScriptManager.RegisterStartupScript(this, this.GetType(), Guid.NewGuid().ToString(), "javascriptFunction();", true);

或在.aspx頁上單擊按鈕

<asp:Button ID="Save" runat="server" Text="Save Changes" OnClick="SaveChanges" 
onClientClick="javascriptFunction();"
 ValidationGroup="ProjectSummaryValidationGroup" 
 meta:resourcekey="SaveResource1" />

您可以在.cs頁面中使用的其他明智方法

ClientScript.RegisterStartupScript
        (GetType(),Guid.NewGuid().ToString(), "javascriptFunction();",true);

在javascript中設置Label的值：

document.getElementById('<%=SaveTime.ClientID%>').value = "Your Date";

對於標簽：

void Page_Load(object sender, EventArgs e) 
{
      lblMyLabel.Attributes.Add("onclick",
           "javascript:alert('ALERT ALERT!!!')");
}