在 Ajax 发布数据中使用 jquery 变量和循环

Question

我真的不知道如何使用 Ajax 发布数据功能，但我正在使用一些免费的简单文件并尝试对其进行一些调整。

我要更改的简单代码部分是：

post_data = {
'clcon_user_name'       : $('input[name=name]', clientConParent).val(),
'clcon_user_lastname'   : $('input[name=lastname]', clientConParent).val(),
'clcon_user_email'  : $('input[name=email]', clientConParent).val(),
'clcon_phone_number'    : $('input[name=phone]', clientConParent).val(),
'clcon_msg'         : $('textarea[name=message]', clientConParent).val(),
'pro_mailto'    : $('input[name=promailto]', clientConParent).val()
};

我想让它动态化，这样它就会循环遍历我表单上的字段并以这种格式获取它们： 'npf_{字段名称atrr}' : $('input[name={字段名称atrr}]', theForm).val(), 用于 post_data（用于 Ajax $.post(... 函数）。

我试过了：

post_data = {
$("input, textarea, select", theForm).each(function(){
'\'npf_$'+$(this).attr('name')'\'' : $('input[name='++$(this).attr('name')+']', theForm).val(),
});
};

没用，也试过了：

post_data = {
$("input, textarea, select", theForm).each(function(){
var theName = $(this).attr('name');
'npf+theName' : $('input[name='+theName+']', theForm).val(),
});
};

没用，也试过了：

post_data = {
$("input, textarea, select", theForm).each(function(){
var theName = $(this).attr('name');
'npf+theName' : $('input[name='+theName+']', theForm).val(),
});
};

我知道我一定做错了几件事...我可以使用一些“傻瓜”的解释感觉我是初学者。

Answer 1

创建一个空对象，然后遍历表单以设置该对象的属性。

post_data = { };

$("input, textarea, select", theForm).each(function(){
    var theName = $(this).attr('name');
    post_data['npf_' + theName] = $(this).val();
});