最近有很多人在問,在使用jQuery發送郵件是否可行。實際上,jQuery本身并不能直接發送郵件。
但是,我們可以使用jQuery與其他工具進行郵件發送。
比如,我們可以使用jQuery與PHPMailer結合,通過PHP后臺發送郵件。
// jQuery與PHPMailer結合發送郵件 $(document).ready(function() { $('#send-btn').click(function() { $.ajax({ url: 'send-email.php', //php文件路徑 type: 'POST', data: { 'recipient': $('#recipient').val(), 'subject': $('#subject').val(), 'message': $('#message').val() }, success: function(data) { alert(data); }, error: function(xhr, status, error) { console.error(xhr.responseText); } }); }); });
另外,我們也可以使用jQuery與第三方郵件發送API進行郵件發送,比如Mailgun、SendGrid等。
// jQuery與Mailgun結合發送郵件 $(document).ready(function() { $('#send-btn').click(function() { $.ajax({ url: 'https://api.mailgun.net/v3/YOUR_DOMAIN_NAME/messages', type: 'POST', data: { 'from': 'Excited User <mailgun@YOUR_DOMAIN_NAME>', 'to': $('#recipient').val(), 'subject': $('#subject').val(), 'text': $('#message').val() }, beforeSend: function(xhr) { xhr.setRequestHeader('Authorization', 'Basic ' + btoa('api:YOUR_API_KEY')); }, success: function(data) { alert(data.message); }, error: function(xhr, status, error) { console.error(xhr.responseText); } }); }); });
綜上所述,盡管jQuery本身并不能直接發送郵件,但我們可以結合其他工具進行郵件發送。