无法使用javascript和ajax提交表单

时间:2018-05-28 08:39:14

标签: javascript jquery ajax

为了保持简短......我有一个似乎没有提交表格的ajax电话。我的表单是由javascript函数等制作的。我不知道这是否会影响ajax提交。

Ajax电话:

function saveExercise() {
 // more not related code

$('.eBlock').each(function (i, contents) {
//some code thats inside this function but not related
});

 $.ajax({
    url: 'saveJson.php',
    type: 'POST',
    data: eBlock,
    dataType: 'json',
}).done(function (response) {
    window.location = 'index.php';
  });
 }
}  

我的HTML:

<form  id='my_form' class="container-fluid" action="" method="POST">
       <button id='resetInputs' type='button' onclick='getResetInputs()' class='btn btn-danger fa fa-refresh fa-2x resetInputs'></button>
       <button type='button' id='saveBtn' class='btn btn-info fa fa-download fa-2x saveBtn' required name="submit"></button>
</form>

我所有相关的javascript :(包含eBlock)

$(document).ready(function() {
  var id = 0;
  var addOpdracht = $('<a/>', {
  'class': 'btn btn-success',
 'id': 'addOpdracht'
  }).on('click', function() {
   $('form').append(getExerciseBlock(id));
   $(".exerciseGetWordInput_" + id).focus().select();
   id++;
   exerciseAudioInput++;
  }).html('<i class="fa fa-plus fa-2x"></i>');

  $('form').append(addOpdracht);
  $('form').append(getExerciseTitle());
});


 function getExerciseBlock(i){
   var eBlock = $('<div/>',{
  'id': i,
  'class': 'col-md-12 eBlock'
  });

   $(eBlock).append(getRemoveBtnExercise(i), getAudioBtn(i), 
   getWordInput(i), getWordPartInput(i), getWordPartInput(i), 
   getRemoveBtn(i), getAddBtn(eBlock, i));

   return eBlock;
   }

除了与此问题无关的问题之外,我似乎没有任何错误。如果您想知道错误是什么:它是与音频相关的内部错误,所以不用担心。 我做了一些研究并做了一些小改动,例如&#34;提交&#34;改为&#34;按钮&#34;等等,但没有什么大不了的。

干杯!

0 个答案:

没有答案