Comment utiliser Javascript pour envoyer des e-mails par e-mail

Avec la popularité et l'application de l'e-mail de plus en plus répandues, JavaScript est progressivement devenu un outil courant pour l'envoi d'e-mails. À l'aide de JavaScript, vous pouvez ajouter rapidement et efficacement des fonctionnalités de messagerie à un site Web ou à une application, permettant ainsi aux utilisateurs d'envoyer facilement des e-mails via le site Web ou l'application. Ci-dessous, nous expliquerons comment utiliser JavaScript pour implémenter la fonction d'envoi d'e-mails.

Les étapes de mise en œuvre sont les suivantes :

1. Ajouter un formulaire à la page HTML.

<form action="" method="post">
  <label for="email">邮件地址:</label>
  <input type="email" id="email" name="email"><br><br>
  <label for="subject">主题:</label>
  <input type="text" id="subject" name="subject"><br><br>
  <label for="message">正文:</label>
  <textarea id="message" name="message"></textarea><br><br>
  <button type="submit" onclick="sendEmail()">发送邮件</button>
</form>

2. Définissez les informations de configuration du serveur de messagerie en JavaScript.

let emailjsConfig = {
  USER_ID: 'your_user_id',
  TEMPLATE_ID: 'your_template_id',
  SERVICE_ID: 'your_service_id'
};

Le USER_ID ici est l'ID utilisateur que vous avez obtenu après votre inscription dans EmailJS, TEMPLATE_ID est l'ID du modèle d'e-mail que vous avez créé et SERVICE_ID est l'ID du service d'envoi d'e-mails que vous avez créé. Ces informations sont nécessaires lors de l'appel de l'API d'envoi d'e-mails.

3. Envoyez des e-mails en utilisant EmailJS.

function sendEmail() {
  let email = document.getElementById('email').value;
  let subject = document.getElementById('subject').value;
  let message = document.getElementById('message').value;

  emailjs.send(emailjsConfig.SERVICE_ID, emailjsConfig.TEMPLATE_ID, {
      to_email: email,
      from_name: '你的名字',
      subject: subject,
      message_html: message
    })
    .then(function(response) {
      console.log('邮件发送成功！', response.status, response.text);
      alert('邮件发送成功！');
    }, function(error) {
      console.log('邮件发送失败...', error);
      alert('邮件发送失败...', error);
    });
}

Ici, nous utilisons EmailJS pour envoyer des e-mails, nous connecter au serveur de messagerie et envoyer des e-mails via la variable EMAILJS_CONFIG définie. La fonction sendEmail obtiendra l'adresse e-mail, l'objet, le contenu et d'autres informations du formulaire, et transmettra ces informations au serveur de messagerie. Lorsque l'e-mail est envoyé avec succès ou échoue, la sortie de console correspondante et les informations de la boîte de dialogue seront générées.

Voici les étapes ci-dessus pour utiliser JavaScript pour envoyer des e-mails par e-mail. Si vous souhaitez permettre à votre site Web ou à votre application d'envoyer des e-mails, vous pouvez vous référer à cet exemple et le personnaliser en fonction de la situation réelle.

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!