发布带有ajax选项卡的表单

时间:2018-09-09 09:38:15

标签: php ajax

我有一个带有POST表单的页面,当我提交表单时,详细信息将在数据库中更新。 我在另一个页面上使用AJAX TAB,这意味着我在第一页中加载了AJAX,当我这样做并使用表单时,详细信息不会在数据库中更新。

我会很感激。

  <?php
        if( isset($_POST['newcst']) )
        {
            /*client add*/
                //getting post from user add form
            $c_name = $_POST['c_name']; 
            $c_adress = $_POST['c_adress'];
            $c_idnum = $_POST['c_idnum'];
            $c_phone = $_POST['c_phone'];
            $c_mail = $_POST['c_mail'];
        echo $c_num;

        //insert client into SQL
        $wpdb->insert('se_clients',array(
            'c_name' => $c_name,
            'c_adress' => $c_adress,
            'user_id'=>$cur_id, 
            'c_num'=>$c_idnum,
            'c_phone'=>$c_phone,
            'c_mail'=>$c_mail,
        ));
      }
     ?>



      <html>
    </head>
    <body>

        <div id="newcst">
        <form action="" method="post">
            <label>Full name:</label>
            <input type='text' name='c_name' /><br><br>
            <label>ID: </label>
            <input type='text' name='c_idnum' /><br><br>
            <label>PHONE:</label>
            <input type='text' name='c_phone' /><br><br>
            <label>ADRESS: </label>
            <input type='text' name='c_adress' /><br><br>
            <label>EMAIL: </label>
            <input type='text' name='c_mail' /><br><br>
            <input name="newcst" type="submit" value="create">
          </form>
        </div>
    </body>

    </html>

Ajax标签:

$(document).ready(function() {
    $("#nav li a").click(function() {

        $("#ajax-content").empty().append("<div id='loading'><img src='http://wigot.net/project/wp-content/themes/projthem/vendor/images/loader.gif' alt='Loading' /></div>");
        $("#nav li a").removeClass('current');
        $(this).addClass('current');

        $.ajax({ url: this.href, success: function(html) {
            $("#ajax-content").empty().append(html);
            }
    });
    return false;
    });


     $("#ajax-content").empty().append("<div id='loading'><img src='http://wigot.net/project/wp-content/themes/projthem/vendor/images/loader.gif' alt='Loading' /></div>");
    $.ajax({ url: 'invoice', success: function(html) {
            $("#ajax-content").empty().append(html);
    }
    });

});

2 个答案:

答案 0 :(得分:0)

hover(),click(),bind(),on()等仅在重新加载页面后才起作用。 所以你可以使用live()

ORDER BY

答案 1 :(得分:0)

我找到了解决方案,您需要将负责输入数据的PHP代码添加到包含AJAX而非包含表单本身的页面的主页上的数据库中。