我如何从jQuery通过Javascript发布帖子?

我如何从jQuery通过Javascript发布帖子?,javascript,jquery,Javascript,Jquery,我想通过jQuery执行POST请求 假设我有四个Javascript变量:var1、var2、var3、var4和URL的端点 我如何通过jQuery发布(为了这个例子,我宁愿不使用Ajax)。通过隐藏标签将这些变量放入表单中,然后提交 如果可以使用id=“myDivContent”在html中放置一个div,那么可以将它们添加到那里 var myStr = '<input name="var1" type="hidden" value="' + var1 + '" />'; my

我想通过jQuery执行
POST
请求

假设我有四个Javascript变量:
var1
var2
var3
var4
和URL的端点


我如何通过jQuery发布(为了这个例子,我宁愿不使用Ajax)。

通过隐藏标签将这些变量放入表单中,然后提交

如果可以使用id=“myDivContent”在html中放置一个div,那么可以将它们添加到那里

var myStr = '<input name="var1" type="hidden" value="' + var1 + '" />';
myStr += '<input name="var2" type="hidden" value="' + var2 + '" />';
myStr += '<input name="var3" type="hidden" value="' + var3 + '" />';
$('#myDivContent').innerHTML = myStr;
$('form#myForm').submit();
var myStr='';
myStr+='';
myStr+='';
$('#myDivContent')。innerHTML=myStr;
$('form#myForm')。提交();

如果您只想动态创建表单,请将这些变量放在其中并发出POST请求,然后我需要更新我的答案。

此用例不需要jQuery

我宁愿创建一个表单元素(DOM),设置表单的变量,然后提交表单

这可以在javascript中完成

这里有一个例子

value1 = 1234;
value2 = 5678;
value3 = 9012;
value4 = 3456;

var f = document.createElement("form")
f.method= "post"
f.action = "enpoint.url"
f.innerHTML = f.innerHTML + "<input type='text' name='var1' value='"+value1+"'/>"
f.innerHTML = f.innerHTML + "<input type='text' name='var2' value='"+value2+"'/>"
f.innerHTML = f.innerHTML + "<input type='text' name='var3' value='"+value3+"'/>"
f.innerHTML = f.innerHTML + "<input type='text' name='var4' value='"+value4+"'/>"
f.submit()
value1=1234;
数值2=5678;
值3=9012;
值4=3456;
var f=document.createElement(“表单”)
f、 method=“post”
f、 action=“enpoint.url”
f、 innerHTML=f.innerHTML+“”
f、 innerHTML=f.innerHTML+“”
f、 innerHTML=f.innerHTML+“”
f、 innerHTML=f.innerHTML+“”
f、 提交()
jquery:

// var1, var2 ..., my_url must be given

$('input:hidden[name=var1]').val(var1);
$('input:hidden[name=var2]').val(var2);
...
$('#my_form').attr('action', my_url);
$('#my_form').submit();
html:


...

没有AJAX。这段代码实际上是作为用户触发的正常提交操作提交表单。

没错。纯javascript应该是这样工作的,但问题是要求jquery POST.set id形成表单,然后调用jquery submit。
f.id='myform'
$(“#myform”).submit()
<form id="my_form">
    <input type="hidden" name="var1">
    <input type="hidden" name="var2">
        ...
</form>