Cara menggunakan javascript untuk menghantar e-mel melalui e-mel

Dengan populariti dan aplikasi e-mel yang semakin meluas, JavaScript telah beransur-ansur menjadi alat biasa untuk menghantar e-mel. Menggunakan JavaScript, anda boleh menambah fungsi e-mel dengan cepat dan cekap pada tapak web atau aplikasi, menjadikannya mudah untuk pengguna menghantar e-mel melalui tapak web atau aplikasi. Di bawah ini kami akan memperkenalkan cara menggunakan JavaScript untuk melaksanakan fungsi menghantar e-mel.

Langkah pelaksanaan adalah seperti berikut:

1. Tambahkan borang pada halaman 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. Tentukan maklumat konfigurasi pelayan mel dalam JavaScript.

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

USER_ID di sini ialah ID pengguna yang anda perolehi selepas mendaftar dalam EmailJS, TEMPLATE_ID ialah ID templat e-mel yang anda buat dan SERVICE_ID ialah ID perkhidmatan penghantaran e-mel yang anda buat. Maklumat ini diperlukan semasa menghubungi API penghantar e-mel.

3. Gunakan EmailJS untuk menghantar e-mel.

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);
    });
}

Di sini, kami menggunakan EmailJS untuk menghantar e-mel, menyambung ke pelayan mel dan menghantar e-mel melalui pembolehubah EMAILJS_CONFIG yang ditentukan. Fungsi sendEmail akan mendapatkan alamat e-mel, subjek, kandungan dan maklumat lain dalam borang, dan menghantar maklumat ini kepada pelayan mel. Apabila e-mel berjaya dihantar atau gagal, output konsol yang sepadan dan maklumat kotak gesaan akan dijana.

Di atas adalah langkah-langkah untuk menggunakan JavaScript untuk menghantar e-mel melalui e-mel. Jika anda ingin mendayakan tapak web atau aplikasi anda menghantar e-mel, anda boleh merujuk contoh ini dan menyesuaikannya mengikut situasi sebenar.

Atas ialah kandungan terperinci Cara menggunakan javascript untuk menghantar e-mel melalui e-mel. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!