Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将表单和存储数据一起发布到会话存储中_Javascript_Html_Forms_Form Submit - Fatal编程技术网

Javascript 如何将表单和存储数据一起发布到会话存储中

Javascript 如何将表单和存储数据一起发布到会话存储中,javascript,html,forms,form-submit,Javascript,Html,Forms,Form Submit,我对HTML和JavaScript相当陌生,我想创建一个表单,让用户填写数据。按下提交按钮后,表单应将表单数据发布到formspree.io,并一起存储到会话存储中。但问题是我不能同时做这两件事。有办法解决这个问题吗?多谢各位 HTML 据我所知,您希望将表单的数据发布到API中,同时或在此之后(同时)您希望将其发布到其他地方。你为什么说你做不到?你有什么错误吗?您是否尝试过添加一个onClick事件处理程序来触发函数?@TheDaniel似乎无法同时使用action和onClick。我明白了,

我对HTML和JavaScript相当陌生,我想创建一个表单,让用户填写数据。按下提交按钮后,表单应将表单数据发布到formspree.io,并一起存储到会话存储中。但问题是我不能同时做这两件事。有办法解决这个问题吗?多谢各位

HTML


据我所知,您希望
将表单的数据发布到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));
        
    });
});