我正在尝试提交嵌套表单而不刷新。每行包含一个名为inputbox
的文本文件,当用户应该在嵌套表单的特定行上点击w
键时,应该将其提交到数据库而不刷新
$(document).ready(function() {
$('#inputbox').keydown(function(event) {
var keycode = (event.keyCode ? event.keyCode : event.which);
if (keycode == '87') {
$('.team_short_pass').submit(); // Submit form code
event.preventDefault();
$(".loader").fadeIn(); //show when submitting
data = $(this).serialize();
$.ajax({
type: "POST",
url: "../scripts/inesert_new.php",
data: data,
success: function(data) {
$('.msg').html(data);
$('.loader').fadeOut('fast');
$('.msg').slideDown(100).delay(3000).slideUp(100);
}
});
}
});
});
当我提交它时,用我的脚本确实没有向数据库发送任何内容
答案 0 :(得分:0)
试试这个:
您需要使用$(' .team_short_pass')代替$(this)来访问表单数据,因为$(this)指向输入框
$(document).ready(function(){
$('#inputbox').keydown(function(event){
var keycode = (event.keyCode ? event.keyCode : event.which);
if(keycode == '87'){
$(this).parents('.team_short_pass:eq(0)').submit(); // Submit form code
event.preventDefault();
$(".loader").fadeIn(); //show when submitting
data = $(this).parents('.team_short_pass:eq(0)').serialize();
$.ajax({
type: "POST",
url: "../scripts/inesert_new.php",
data: data,
success: function(data) {
$('.msg').html(data);
$('.loader').fadeOut('fast');
$('.msg').slideDown(100).delay(3000).slideUp(100);
}
});
}
});
});