jQuery 中有没有简单的非 AJAX POST 方法？
我正在寻找与页面上的表单等效的东西，只有通过 JavaScript 设置的隐藏字段，然后被 POST 编辑，导致浏览器加载通过 action 设置的页面。只是一个普通的 POST，但通过 jQuery 设置值。
我想我可以继续实现我当前的方法，但我很好奇 jQuery 是否提供了一种快速的方法。在后台，我想它会用所有隐藏值动态创建这个表单并提交它。
【问题讨论】：
标签： jquery jquery-plugins http-post
稍微整理了Darin的优秀解决方案。
function myFunction(action, method, input) {
'use strict';
var form;
form = $('<form />', {
action: action,
method: method,
style: 'display: none;'
});
if (typeof input !== 'undefined' && input !== null) {
$.each(input, function (name, value) {
$('<input />', {
type: 'hidden',
name: name,
value: value
}).appendTo(form);
});
}
form.appendTo('body').submit();
}
这是与 JSLint 兼容的，并确保尽管可能有 css 定义，但不会在 body 标记的末尾显示任何表单。用法也稍微简单一些，例如：
myFunction('/path/to/my/site/', 'post', {
id: 1,
quote: 'Quidquid Latine dictum sit altum videtur'
});
【讨论】：
没有内置任何东西。您可以创建一个动态表单，使用隐藏字段填充它，将其添加到 DOM 并触发提交。这是一个例子：
function submit(action, method, values) {
var form = $('<form/>', {
action: action,
method: method
});
$.each(values, function() {
form.append($('<input/>', {
type: 'hidden',
name: this.name,
value: this.value
}));
});
form.appendTo('body').submit();
}
submit('http://www.example.com', 'POST', [
{ name: 'key1', value: 'value1' },
{ name: 'key2', value: 'value2' },
{ name: 'key3', value: 'value3' },
]);
【讨论】：
我发现这些答案非常有用，并修改了 Anssi Herranen 的解决方案，以将数组正确发布到服务器端 php：
function jqueryPost(action, method, input) {
"use strict";
var form;
form = $('<form />', {
action: action,
method: method,
style: 'display: none;'
});
if (typeof input !== 'undefined') {
$.each(input, function (name, value) {
if( typeof value === 'object' ) {
$.each(value, function(objName, objValue) {
$('<input />', {
type: 'hidden',
name: name + '[]',
value: objValue
}).appendTo(form);
} );
}
else {
$('<input />', {
type: 'hidden',
name: name,
value: value
}).appendTo(form);
}
});
}
form.appendTo('body').submit();
}
【讨论】：
作者要求使用 jQuery 解决方案，但这可以使用 plain JavaScript 轻松完成：
function post (action, nameValueObj){
var form = document.createElement("form");
var i, input, prop;
form.method = "post";
form.action = action;
for (prop in nameValueObj) { // Loop through properties: name-value pairs
input = document.createElement("input");
input.name = prop;
input.value = nameValueObj[prop];
input.type = "hidden";
form.appendChild(input);
}
//document.body.appendChild(form); <-- Could be needed by some browsers?
form.submit();
return form;
}
// Example usage:
post("actionPage.html", {
"field1": "hello",
"field2": "world"
/* etc. */
});
【讨论】：
我认为你可以使用类似的东西：
paramters = {key1: 'value1', key2: 'value2'}
jQuery.ajax({
url:'/your/url',
data: jQuery.param(paramters),
async:false,
type:'POST',
success: function(result){
doSomethingWithYourResult(result);
}
})
注意“asyn=false”设置
【讨论】：