我有10个具有相同参数的AJAX查询。
$.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();
}
});
我如何统一这些参数,而不是因为我有76个参数而写10次?
首先,在html中为每个param
创建一个类类似于:
<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();
}
});
}
在数组变量中添加值,然后传递到数据