Comment utiliser __doPostBack() pour les publications asynchrones dans ASP.NET avec Vanilla JavaScript ?

Utilisez JavaScript natif pour implémenter la publication asynchrone __doPostBack() dans ASP.NET

Cet article vous guidera sur la façon d'implémenter la publication asynchrone dans ASP.NET à l'aide de JavaScript natif et des fonctions __doPostBack().

Les étapes sont les suivantes :

1. Attribuer un identifiant au bouton : Attribuez un identifiant au bouton qui déclenche la publication, tel que "btnSave".

2. Événement de clic sur le bouton : Ajoutez un événement onclick au bouton, qui appelle la fonction __doPostBack(). Le premier paramètre est l'ID du bouton et le deuxième paramètre est des données supplémentaires facultatives. Par exemple :

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

3. Définissez la fonction SaveWithParameter : Cette fonction reçoit des paramètres supplémentaires en entrée et est appelée avec l'ID du bouton comme premier paramètre et le paramètre supplémentaire comme deuxième paramètre __doPostBack().

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

4. Code côté serveur : Dans votre fichier de code côté serveur (par exemple .aspx.cs), gérez la requête dans la méthode Page_Load. Utilisez Request["__EVENTARGUMENT"] pour récupérer des paramètres supplémentaires. Un exemple est le suivant :

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

Grâce aux étapes ci-dessus, vous pouvez utiliser __doPostBack() pour implémenter facilement la publication asynchrone dans ASP.NET et transmettre des données personnalisées au serveur. Cela fournit un moyen propre de gérer les événements côté client et de mettre à jour les données côté serveur sans nécessiter une actualisation complète de la page.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!