Question

我创建了一个表单数据，其中包含一些空输入字段和一个提交按钮。我使用ajax调用来检索该表单.Ajax它正确地为我准备好并且表单数据来到我的web界面.I只是想在重新获取表单数据后进行一些插入但是当我点击按钮没有工作且按钮没有做任何动作时。

我的表单数据以ajax：pagination_parser.php

进行检索

<form  class="form" method="post" action='#'>
        <select name="f_practical" required>
            <option value=""></option>
            <option value="si">Si</option>
            <option value="no">No</option>
        </select>
        <button class='btn btn-xs btn-success' type='submit' value='submit' name='form2'><i class='ace-icon fa  fa-check icon-only bigger-110'></i></button>
</form>

MY Ajax电话：

<script type="text/javascript">


    $('#operator_disactiv_click').click(function(e) {// when a div is clicked my form cames to the interface            
        e.preventDefault();
        $.ajax({
              url: "pagination_parser.php",
              timeout: 30000,
              cache: false,
              error: function(){
                    $("#op_disactiv").hide().html('server not responding');
                },
                success: function( msg ) {
                        $("#op_disactiv").html(msg);
                }
        });

    });
</script>

对我来说不起作用的PHP代码：

if (!empty($_POST['form2'])) {// 

  $query="insert into..... etc";
   }

Answer 1

首先要明确是使用普通方式还是以Ajax方式提交表单。如果您想要提交Ajax表单，则不建议编写

<button class='btn btn-xs btn-success' type='submit' value='submit' name='form2'>

而不是代码

<button class='btn btn-xs btn-success' type='button' value='submit' id="submit_button" name='form2'>

即，提交[type ='submit']应为Button [type ='button'] 因此，表单是通过ajax调用提交的，而不是通过通常的表单提交，您可以通过

传递数据

data: $('formid').serialize(),

或借助其ID传递单个值

PS ..您应该在点击按钮id =“submit_button”后通过'onclick function'实例化您的表单提交

Answer 2

您需要将表单值传递给php代码，尝试使用代码

_inherit

然后检查你是否在php文件中获取值

<script type="text/javascript">
    $('.form').submit(function(e) {// when a div is clicked my form cames to the interface            
        e.preventDefault();
        $.ajax({
              url: "pagination_parser.php",
              timeout: 30000,
              data : $('.form').serialize(),
              cache: false,
              error: function(){
                    $("#op_disactiv").hide().html('server not responding');
                },
                success: function( msg ) {
                        $("#op_disactiv").html(msg);
                }
        });
    });
</script>

如何使用ajax调用提交按钮？

2 个答案: