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