我正在尝试确定是否可以发布serialize()
表格之外的其他数据。
这是我认为可行的方法,但仅发送'wordlist'
而不发送表单数据。
$.post("page.php",( $('#myForm').serialize(), { 'wordlist': wordlist }));
有人有什么想法吗?
您可以使用serializeArray
[docs]并添加其他数据:
var data = $('#myForm').serializeArray();
data.push({name: 'wordlist', value: wordlist});
$.post("page.php", data);
试试$ .param
$.post("page.php",( $('#myForm').serialize()+'&'+$.param({ 'wordlist': wordlist })));
如果您需要在ajax文件上传中执行此操作,则可以使用另一种解决方案:
var data = new FormData( $('#form')[0] ).append( 'name' , value );
或更简单。
$('form').on('submit',function(e){
e.preventDefault();
var data = new FormData( this ).append('name', value );
// ... your ajax code here ...
return false;
});
当您要向表单数据添加JavaScript对象时,可以使用以下代码
var data = {name1: 'value1', name2: 'value2'};
var postData = $('#my-form').serializeArray();
for (var key in data) {
if (data.hasOwnProperty(key)) {
postData.push({name:key, value:data[key]});
}
}
$.post(url, postData, function(){});
或者,如果添加方法serializeObject(),则可以执行以下操作
var data = {name1: 'value1', name2: 'value2'};
var postData = $('#my-form').serializeObject();
$.extend(postData, data);
$.post(url, postData, function(){});
在新版本的jquery中,可以通过以下步骤进行操作:
- 通过获取参数数组
serializeArray()
- 调用
push()
或类似方法向数组添加其他参数, - 调用
$.param(arr)
以获取序列化的字符串,该字符串可用作jquery ajax的data
参数。
示例代码:
var paramArr = $("#loginForm").serializeArray();
paramArr.push( {name:'size', value:7} );
$.post("rest/account/login", $.param(paramArr), function(result) {
// ...
}
$.ajax({
type: 'POST',
url: 'test.php',
data:$("#Test-form").serialize(),
dataType:'json',
beforeSend:function(xhr, settings){
settings.data += '&moreinfo=MoreData';
},
success:function(data){
// json response
},
error: function(data) {
// if error occured
}
});
您可以让表单包含其他数据作为隐藏字段,您可以在将AJAX请求发送到相应值之前立即设置这些数据。
另一种可能性是使用这个小宝石将表格序列化为javascript对象(而不是字符串)并添加缺少的数据:
var data = $('#myForm').serializeObject();
// now add some additional stuff
data['wordlist'] = wordlist;
$.post('/page.php', data);
你可以用这个
var data = $("#myForm").serialize();
data += '&moreinfo='+JSON.stringify(wordlist);
我喜欢将对象保留为对象,而不进行任何疯狂的类型转换。这是我的方式
var post_vars = $('#my-form').serializeArray();
$.ajax({
url: '//site.com/script.php',
method: 'POST',
data: post_vars,
complete: function() {
$.ajax({
url: '//site.com/script2.php',
method: 'POST',
data: post_vars.concat({
name: 'EXTRA_VAR',
value: 'WOW THIS WORKS!'
})
});
}
});
如果从上面看不到,我使用.concat函数,并传入一个对象,其post变量为“ name”,值为“ value”!
希望这可以帮助。
本文地址:http://javascript.askforanswer.com/daiyouxuliehuaheewaishujudejquery-post.html
文章标签:javascript , jquery
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!
文章标签:javascript , jquery
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!
评论已关闭!