本文介绍了在Ajax调用之外更新变量的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有一个变量settingId,它确定我要执行POST还是PUT Ajax调用: var settingId = form.data('setting');
I have a variable settingId that determine if I will do a POST or a PUT Ajax Call: var settingId = form.data('setting');
if ((typeof settingId === "undefined")){
method = 'POST';
url = '{{ url("/tournaments") }}' + '/' + tournamentId + '/categories/' + categoryId + '/settings';
}else{
method = 'PUT';
url = '{{ url("/tournaments") }}' + '/' + tournamentId + '/categories/' + categoryId + '/settings/' + settingId ;
}
它很好用,但是当我执行POST时,我需要更新此变量值,以便同一测试为我提供PUT,而我做不到.
It works great, but when I do a POST, I need to update this variable value, so that this same test gives me a PUT, and I can't do it.
现在,我是那样做的,但是显然,这不是正确的方法:
Right now, I do it like that but obviously, it is not the right way:
form.data['setting'] = data.settingId;
我的表格:
<form method="POST" action="http://laravel.dev/tournaments/3/categories/2/settings/11" accept-charset="UTF-8" class="form-settings" data-tournament="3" data-category="2" data-setting="11">
...
JS:
$('.save_category').on('click', function (e) {
e.preventDefault();
var inputData = $('.save_category').serialize();
var form = $(this).parents('form:first');
var tournamentId = form.data('tournament');
var categoryId = form.data('category');
var settingId = form.data('setting');
console.log(tournamentId);
console.log(categoryId);
console.log(settingId);
$(this).find('i').removeClass();
$(this).find('i').addClass('icon-spinner spinner position-left');
$(this).prop( "disabled", true );
var panel = $(this).closest('.panel');
var method = null;
var url = null;
if ((typeof settingId === "undefined")){
method = 'POST';
url = '{{ url("/tournaments") }}' + '/' + tournamentId + '/categories/' + categoryId + '/settings';
}else{
method = 'PUT';
url = '{{ url("/tournaments") }}' + '/' + tournamentId + '/categories/' + categoryId + '/settings/' + settingId ;
}
$.ajax(
{
type: method,
url: url,
data: inputData,
success: function (data) {
if (data != null && data.status == 'success') {
noty({
layout: 'topRight',
type: 'success',
width: 200,
dismissQueue: true,
timeout: 3000,
text: data.msg
});
// Change warning icon to success
panel.find('.status-icon').removeClass().addClass('glyphicon glyphicon-ok text-success status-icon');
console.log(data);
form.data['setting'] = data.settingId;
} else {
noty({
layout: 'topRight',
type: 'error',
width: 200,
dismissQueue: true,
timeout: 3000,
text: data.msg
});
}
$('.save_category').prop( "disabled", false );
$('.save_category').find('i').removeClass('icon-spinner spinner position-left');
},
error: function (data) {
noty({
layout: 'topRight',
type: 'error',
width: 200,
dismissQueue: true,
timeout: 3000,
text: data.msg
});
$('.save_category').prop( "disabled", false );
$('.save_category').find('i').removeClass('icon-spinner spinner position-left');
}
}
)
});
有任何想法吗??
推荐答案
尝试
$(form).data( 'setting' , data.settingId );
这篇关于在Ajax调用之外更新变量的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!