Javascript 发布没有输入字段的静态表单

Javascript 发布没有输入字段的静态表单,javascript,c#,web,Javascript,C#,Web,我对web开发非常陌生,对提交表单数据感到困惑。我知道在html中使用标记并在中包装时如何提交和检索数据,但在本例中,我有一个静态html页面,显示表中的数据,用户可以在其中编辑和修改表输入。当所有字段都不是输入类型时,如何在此表单上发布值?如果正在动态生成数据,则可以通过javascript发布表单数据。JQuery具有简化此过程的Ajax功能。例如: function post_form_data() { var data = { data1:

我对web开发非常陌生,对提交表单数据感到困惑。我知道在html中使用标记并在中包装时如何提交和检索数据,但在本例中,我有一个静态html页面,显示表中的数据,用户可以在其中编辑和修改表输入。当所有字段都不是输入类型时,如何在此表单上发布值?

如果正在动态生成数据,则可以通过javascript发布表单数据。JQuery具有简化此过程的Ajax功能。例如:

    function post_form_data() {
        var data = {
            data1: "something,
            data2: "something else"
        };
        var url = "https://someurl.com/api/v1/etc";

        $.ajax({
            type: "POST",
            url: url,
            data: data,
            success: function() {
               // do something, like transition to 
               // a different page or something
            },
       });
    }
无论何时,只要您想发布,都可以调用post_form_data()。实际上,您可以将表单数据包含在函数参数中,或者从其他来源提取它们


要查看所有详细的ajax,请阅读。

单击javascript按钮,您可以创建一个表单并提交它:

let form = document.createElement('form');
form.action = 'http://yourdomain/youraction';
form.method = 'POST';

form.innerHTML = '<input name="inputs" value="test">';

// the form must be in the document to submit it
document.body.append(form);

form.submit();
let form=document.createElement('form');
形式.行动http://yourdomain/youraction';
form.method='POST';
form.innerHTML='';
//表格必须在文档中才能提交
文件.正文.附件(表格);
表单提交();
在此处指定JSON值,而不是输入值测试

这会将表单发布到提供的URL


希望这有帮助。

您可以在运行时使用javascript创建隐藏的输入字段,并将其添加到表单元素,或者使用Ajax您可以使用Ajax将数据发送到服务器。我只是好奇,如果你没有“输入”元素,你的数据被存储了吗?您可以从JS访问这些数据吗?如果可以的话,发出ajax请求(如果针对现代浏览器,甚至使用fetchapi)应该很容易实现。