如何通过jQuery从Javascript进行发布？

Question

我想通过jQuery进行POST请求。

说我有四个Javascript变量：var1,var2,var3,var4和一个URL的端点。

我怎么会POST通过jQuery（我宁愿不使用Ajax为了这个例子）。

Answer 1

将这些变量通过隐藏标签放入表单中，并提交。

如果你可以放置在使用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(); 

如果你只是想动态创建一个表格，把这些增值经销商在那里，发一个POST请求，然后我需要更新我的答案。

Answer 2

你不需要这个用例的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() 

Answer 3

的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：

<form id="my_form"> 
    <input type="hidden" name="var1"> 
    <input type="hidden" name="var2"> 
     ... 
</form> 

没有AJAX。此代码实际上会将您的表单作为用户触发的正常提交操作提交。