如何使用 __doPostBack() 在 ASP.NET 中使用 Vanilla JavaScript 進行非同步回發？

使用原生JavaScript在ASP.NET中實作__doPostBack()非同步回發

本文將指導您如何在ASP.NET中使用原生JavaScript和__doPostBack()函數實作非同步回發。

步驟如下：

1. 為按鈕指派ID: 為觸發回發的按鈕指派一個ID，例如"btnSave"。

2. 按鈕點選事件: 為按鈕新增onclick事件，該事件呼叫__doPostBack()函數。第一個參數是按鈕的ID，第二個參數是可選的附加資料。例如：

<code class="language-javascript">//  在你的HTML中，按钮的onclick事件应该类似这样：
<asp:Button ID="btnSave" runat="server" Text="Save" OnClientClick="SaveWithParameter('someData')" /></code>

3. 定義SaveWithParameter函數: 此函數接收附加參數作為輸入，並使用按鈕的ID作為第一個參數，附加參數作為第二個參數呼叫__doPostBack()。

<code class="language-javascript">function SaveWithParameter(parameter) {
  __doPostBack('btnSave', parameter);
}</code>

4. 伺服器端程式碼: 在您的伺服器端程式碼檔案中（例如.aspx.cs），在Page_Load方法中處理請求。使用Request["__EVENTARGUMENT"]檢索附加參數。範例如下：

<code class="language-csharp">protected void Page_Load(object sender, EventArgs e)
{
  string parameter = Request["__EVENTARGUMENT"]; // 获取附加参数
  // Request["__EVENTTARGET"]; // 获取按钮ID  btnSave
  // ... 使用参数进行处理 ...
}</code>

透過以上步驟，您可以使用__doPostBack()在ASP.NET中輕鬆實現非同步回發，並傳遞自訂資料到伺服器端。 這提供了一種簡潔的方式來處理客戶端事件並更新伺服器端數據，而無需進行完整的頁面刷新。

以上是如何使用 __doPostBack() 在 ASP.NET 中使用 Vanilla JavaScript 進行非同步回發？的詳細內容。更多資訊請關注PHP中文網其他相關文章！