我正在尝试制作一个表单,它可以获取电子邮件地址并发送一封交易性电子邮件。我使用了纯JavaScript中的XMLHttpRequest将数据发送到服务器,但是当我查看从index.html发送的数据时,在服务器端只有一个空对象。
在后端,我使用Node、Express和Nodemailer。Nodemailer正常工作。我一直在努力弄清楚为什么查询对象里面没有任何内容。
在后端,我使用Node、Express和Nodemailer。Nodemailer正常工作。我一直在努力弄清楚为什么查询对象里面没有任何内容。
// Here is server.js
var express = require('express');
var nodemailer = require('nodemailer');
var app = express();
// Send index.html
app.get('/', function(request, response) {
response.sendfile('index.html');
});
// Where I should receive data from JS written in index.html
app.post('/send', function(req, res) {
var mailOptions = {
to: req.query.to,
subject: req.query.subject,
text: req.query.text
}
});
<!-- Here is my index.html with some JS in it -->
<div>
<input id="to" type="text" placeholder="Email" />
<input id="subject" type="text" placeholder="subject" />
<textarea id="content" cols="20" rows="2" placeholder="Write something"></textarea>
<button id="submit">Submit</button>
</div>
<script>
// When #submit is clicked it invokes a function to collect values and then makes a XMLHttpRequest like bellow
data = {to: to, subject: subject, text: text};
var request = new XMLHttpRequest();
request.open('GET', 'http://localhost:3000/send', true);
request.send(data);
}
</script>
GET
方法时,.send()
不会发送任何内容,只会使用.open()
中的 URL。如果您想要发送数据,请使用POST
方法或将数据附加到 URL 上,例如:?to=val1&subject=val2&text=val3
。或者您可以使用 jQuery,然后只需传递该数据对象即可。 - StackSlave