向导形式的拖曳按钮不同的调用ajax

时间:2018-07-28 20:32:35

标签: php jquery ajax

很抱歉给您这个问题。 但是我在您美丽的站点上寻找了解决我问题的方法,但是我并不幸运。 作为大学的研究生项目,我正在尝试以简单的步骤构建自己的表单向导来注册学生。 我使用PHP,JQuery和AJAX发送数据。

我的问题:

我有一个表格,然后按, 通过提交按钮在数据库中搜索前三个输入,效果很好, 然后自动将表单向导移动到下一个字段集,然后将Inpust字段显示为 学生输入他的信息。

最后是将数据保存到数据库的按钮   由AJAX和这个按钮是我的问题。 php说未定义的索引。

这是html向导形式的代码

$('form').on('submit', function(e) {
  var $formInput = $(this).find('.fi');

  $formInput.each(function(i) {
    if (!$(this).val()) {
      e.preventDefault();
      $(this).addClass('input-error');
      return false;
    } else {
      if ($formInput.length === i + 1) {
        var id_high_school = $('[name="id_high_school"]').val();
        var SEC_SCHOOL_YEAR = $('[name="SEC_SCHOOL_YEAR"]').val().toString();
        var sum_high_school = $('[name="sum_high_school"]').val();

        alert(SEC_SCHOOL_YEAR);
        $.ajax({
          url: "select_for_modal_serch.php",
          method: "post",
          data: {
            id_high_school: id_high_school,
            SEC_SCHOOL_YEAR: SEC_SCHOOL_YEAR,
            sum_high_school: sum_high_school

          }
        }).done(function(datas) {
          $('#studint_detail').html(datas);
          $('#dataModal').modal("show");
        }).fail(function() {
          alert('fail..');
        });

      }


    }

  });


  return false;

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<form name="mainForm" action=" <?php echo $_SERVER['PHP_SELF'] . '#form1' ?> " id="form1" method="POST" enctype="multipart/form-data">

  <!-- condetion for regster -->
  <fieldset>
    <iframe src="license.html"></iframe>
  <input class="form-check-input" id="check_qury" type="checkbox" value="yes">  
    <div class="wizard-buttons">

      <button type="button" class="btn btn-next">التالي</button>

    </div>
  </fieldset>
  <fieldset>
    <!-- 3 <input type = text > to search for data from mysql -->
    <!--her is the submit button and is get data by ajax  -->
    <input type="submit" class="form-control btn btn-primary view-data" id="submit_high_school" value="بحث" name="submit_high_school" />
    <!-- by ajax is work and then is go to the next filedset -->
  </fieldset>
  <fieldset>
    <!-- mor data <input type = text > to search for data from mysql -->
    <button type="button" id="sava_data_to_tables" name="sava_data_to_tables" class="btn btn-next">
 <!-- this is the button of my problem cant send this form data to mysql -->
  </fieldset>
我正在执行此代码来解决问题,但没有任何效果:

$('#sava_data_to_tables').on('click', function (event) {

        var form_data = $(this).parents('form').serialize();

        var colage = $('[name="colage"]').val();
        var spichelest = $('[name="spichelest"]').val();
        
        // and rest of input type 

        $.ajax({
            url: "insert_into_info_contact.php",
            method: "POST",
            data: form_data,
            success: function (data) {
                alert(data);
            }, cache: false,
            contentType: false,
            processData: false
        });

    });

和我的PHP:

 <?php 

// isset($_POST['sava_data_to_tables'])
//$_SERVER['REQUEST_METHOD']==='POST'
// !empty($_POST)

if ($_SERVER['REQUEST_METHOD']==='post')
{  echo "you submit data" 
;}
else {

echo "its not work" ; }
?> 

1 个答案:

答案 0 :(得分:0)

我从朋友那里找到了一些帮助。 他只是改变了这个:

var form_data = $(this).closest('form').serialize();

对此:

 var form_data = new FormData($(this).closest('#form1').get(0));

他解决了我的问题。 老实说,我不明白问题出在哪里,但是他告诉我,我发送了另一种数据>>谢谢大家。 :)