Javascript 如何将表单和存储数据一起发布到会话存储中
我对HTML和JavaScript相当陌生,我想创建一个表单,让用户填写数据。按下提交按钮后,表单应将表单数据发布到formspree.io,并一起存储到会话存储中。但问题是我不能同时做这两件事。有办法解决这个问题吗?多谢各位 HTMLJavascript 如何将表单和存储数据一起发布到会话存储中,javascript,html,forms,form-submit,Javascript,Html,Forms,Form Submit,我对HTML和JavaScript相当陌生,我想创建一个表单,让用户填写数据。按下提交按钮后,表单应将表单数据发布到formspree.io,并一起存储到会话存储中。但问题是我不能同时做这两件事。有办法解决这个问题吗?多谢各位 HTML 据我所知,您希望将表单的数据发布到API中,同时或在此之后(同时)您希望将其发布到其他地方。你为什么说你做不到?你有什么错误吗?您是否尝试过添加一个onClick事件处理程序来触发函数?@TheDaniel似乎无法同时使用action和onClick。我明白了,
据我所知,您希望
将表单的数据发布到API中,同时或在此之后(同时)您希望将其发布到其他地方。你为什么说你做不到?你有什么错误吗?您是否尝试过添加一个onClick
事件处理程序来触发函数?@TheDaniel似乎无法同时使用action和onClick。我明白了,如果您想完成所需的任务,您可能需要对代码进行一些修改,使其更加灵活。看一看。您可能会想,这种方法是否是您想要采取的方法。有多种提交表单数据的方法,使用onClick
可以将按钮绑定到函数,这将给您带来更大的灵活性,因此您可以将数据与其他内容一起发送到数据库。@TheDaniel谢谢,这篇文章内容丰富。
<form id="formset" class="main_form" action="https://formspree.io/[post-id]" method="POST">
<div class="row">
<div class="col-md-12 ">
<input class="contactus" placeholder="Full Name" type="text" id="fullname">
</div>
<div class="col-md-7">
<input class="contactus" placeholder="Email" type="tel" id="email">
</div>
<div class="col-md-7">
<input class="contactus" placeholder="Phone Number" type="text" id="phonenumber">
</div>
<div class="col-md-12">
<textarea class="contactus1" placeholder="Message" type="text" id="message"></textarea>
</div>
<div class="col-md-12">
<button class="send_btn" type="submit" id="submitform">Send</button>
</div>
</div>
</form>
$(function() {
$("form").submit(function (event) {
event.preventDefault();
sessionStorage.clear();
var fullname = $("#fullname").val();
var email = $("#email").val();
var phonenumber = $("#phonenumber").val();
var message = $("#message").val();
console.log(fullname);
var dataset = {
fullname,
email,
phonenumber,
message
}
sessionStorage.setItem('formcontent', JSON.stringify(dataset));
});
});