Javascript jQuery AJAX数据参数
我有10个参数相同的AJAX查询Javascript jQuery AJAX数据参数,javascript,jquery,ajax,parameters,unify,Javascript,Jquery,Ajax,Parameters,Unify,我有10个参数相同的AJAX查询 $.ajax({ global: false, type: 'POST', url: value, dataType: 'html', data: { firstname: $("#firstname").val(), lastname: $("#lastname").val(), surname: $("#surname").val(), age: $("#
$.ajax({
global: false,
type: 'POST',
url: value,
dataType: 'html',
data: {
firstname: $("#firstname").val(),
lastname: $("#lastname").val(),
surname: $("#surname").val(),
age: $("#age").val(),
...
sex: $("#sex").val()
},
success: function(result) {
console.log(result);
},
error: function (request, status, error) {
serviceError();
}
});
如何统一这些参数而不编写10次,因为我有76个参数?首先,在html中为每个参数创建一个类 比如:
<input type="text" id="param1" class="params"/>
<input type="text" id="param2" class="params"/>
<input type="text" id="param3" class="params"/>
然后在JS中:
var callAjax = function(){
data = {};
for(var i = 0; i < $('.params').length; i++){
data[$('.params')[i].id] = $('.params')[i].val();
}
$.ajax({
global: false,
type: 'POST',
url: value,
dataType: 'html',
data: data,
success: function(result) {
console.log(result);
},
error: function (request, status, error) {
serviceError();
}
});
}
在数组变量中添加您的值,然后传递给数据您可以在ajax调用之前执行该操作。@IsraGab好的,但如何操作。你能告诉我吗?如果你想传递表单中的所有字段,你可以使用数据:$'form'。序列化;如果没有,,您可以准备一个包含所有参数的字符串,其格式为:$'form'。serialize+&par1=1&par2=2&par3=232只需在可用参数之间循环,并预编字符串。参数的html代码看起来如何?字段名称都非常统一,因此您可以轻松地使用一行循环将所有76个属性添加到$.ajax之前的对象中打电话。例如,我给了他们号码,他们有不同的名字。好的,我也编辑我的代码。我认为你的代码不能满足我的要求,所以我不知道你想要什么。