Question

你愿意帮我吗？我是一个PHP新手。我想在我的数据库中插入就业信息，并隐藏表格所在的da div。

HTML：

<div class="toggler">
    <div id="effect" class="ui-widget-content ui-corner-all">
        <form name="empform" method="post" action="profile.php" autofocus>
            <input name="employ" type="text" id="employ" pattern="[A-Za-z ]{3,20}"
            placeholder="Who is your employer?">
            <input name="position" type="text" id="position" pattern="[A-Za-z ]{3,20}"
            placeholder="What is your job description?">
            <input name="empadd" type="text" id="empadd" pattern="[A-Za-z0-9@#$% ]{5,30}"
            placeholder="Where is your work address?">
            <input name="empcont" type="text" id="empcont" pattern="[0-9]{11}" title="11-digit number"
            placeholder="Contact number">
            <input name="btncancel" type="button" class="btncancel" value="Cancel"
            style="width:60px; border-radius:3px; float:right">
            <input name="btndone" type="submit" class="btndone" value="Done" style="width:60px; border-radius:3px; float:right">
        </form>
    </div>
</div>

PHP：

if (isset($_POST['btndone'])) {
    $employ = $_POST['employ'];
    $position = $_POST['position'];
    $empadd = $_POST['empadd'];
    $empcont = $_POST['empcont'];
    $empdate = $_POST['empdate'];
    $empID = $alumniID;
    $obj - > addEmployment($employ, $position, $empadd, $empcont, $empdate, $empID);
}

JS：

<script>
    $(function () {
        function runEffect() {
            var selectedEffect = "highlight";
            $(".toggler").show(selectedEffect);
        };

        function runDisplay() {
            var selectedDisplay = "highlight";
            $("#empdisplay").show(selectedDisplay);
        };
        $(".btncancel").click(function () {
            $(".toggler").hide();
            return false;
        });
        $(".btndone").click(function () {
            runDisplay();
            $(".toggler").hide();
            return false;
        });
    }
</script>

Answer 1

试试这个

<强> HTML

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
</head>

<body>
<div class="toggler">
    <div id="effect" class="ui-widget-content ui-corner-all">
        <form id="empform" name="empform" method="post" action="profile.php" autofocus>
            <input name="employ" type="text" id="employ" pattern="[A-Za-z ]{3,20}"
            placeholder="Who is your employer?">
            <input name="position" type="text" id="position" pattern="[A-Za-z ]{3,20}"
            placeholder="What is your job description?">
            <input name="empadd" type="text" id="empadd" pattern="[A-Za-z0-9@#$% ]{5,30}"
            placeholder="Where is your work address?">
            <input name="empcont" type="text" id="empcont" pattern="[0-9]{11}" title="11-digit number"
            placeholder="Contact number">
            <input name="btncancel" type="button" class="btncancel" value="Cancel"
            style="width:60px; border-radius:3px; float:right">
            <input id="submit"name="btndone" type="submit" class="btndone" value="Done" style="width:60px; border-radius:3px; float:right">
        </form>
    </div>
</div>
<script>
    $(document).ready(function() {
        //$("#form").prev
    $('#submit').click(function(event) {
    //alert (dataString);return false;  
    event.preventDefault();
    $.ajax({  
      type: "POST",  
      url: 'profile.php',
      dataType:"html",
      data: $("#empform").serialize(),
      success: function(msg) {
                alert("Form Submitted: " + msg);
      //alert($('#form').serialize());
       $('div.toggler').hide();
      }  
    }); 

    });
    });
 </script>
</html>

<强> PHP profile.php

<?php
    if (isset($_POST)) {
         $employ = $_POST['employ'];
         $position = $_POST['position'];
         $empadd = $_POST['empadd'];
         $empcont = $_POST['empcont'];
         $empdate = $_POST['empdate'];
        $empID = $alumniID;
        $obj - > addEmployment($employ, $position, $empadd, $empcont, $empdate, $empID);

    }
?>

我不确定你的领域

echo $ empdate = $ _POST ['empdate']; $ empID = $ alumniID; 他们不是形式但是有效！...

Answer 2

嗨，这就是我要做的事情

var request = $.ajax({
  url: "profile.php",
  type: "POST",
  data: $('#form').serialize()
});

request.done(function(msg) {
  $('#form').hide();
});

request.fail(function(jqXHR, textStatus) {
  alert( "Form failed" );
});

如果您对Jquery的Ajax有疑问，请访问this link

如果你不明白jqXHR是什么，我建议你访问这个链接http://www.jquery4u.com/javascript/jqxhr-object/

点击

执行

$('#form').submit(function(){

 var request = $.ajax({
   url: "profile.php",
   type: "POST",
   data: $('#form').serialize()

 });

 request.done(function(msg) {
  $('#form').hide();
 });

 request.fail(function(jqXHR, textStatus) {
   alert( "Form failed" );
 });
});

Answer 3

你应该做一个ajax调用来保存你的数据，然后隐藏div，就像这样：

$('form[name="empform"]').submit(function(e) {
    e.preventDefault();
    $.post($(this).attr('action'), $(this).serialize(), function(data) {
        $('div.toggler').hide();
    });

});

在数据库中插入数据后隐藏div

3 个答案: