「add employee」form without page redirect

我將表單數據從employee.php發送到new_employee.php，new_employee.php將數據插入到我的數據庫中。提交表單後，它將用戶重定向到new_employee.php，並讓他們知道它是否成功。「add employee」form without page redirect

我想要的是它清除表單並讓用戶知道它是否成功或不在employee.php而不是重定向用戶。

注意！我知道這不是SQL注入保護或任何東西，但我簡化它，當我在這裏發佈它。而我也知道我應該使用mysqli。

employee.php

<body> 
    <form id="add-emp" method="POST" action="add_employee.php"> 
      <input type="text" id="name" name="name" placeholder="Full Name" /> 
      <input type="text" id="email" name="email" placeholder="Email" /> 

      <input type="submit" value="Register Employee" class="button" onClick="fun();"/> 
    </form> 

     <!--<div id="result"></div>--> 

</body> 


    <script> 
     $('#add-emp').submit(function(event) { 
      event.preventDefault(); 
      var form = $(this), 
      value1 = $form.find('input[name="name"]').val(), 
      value2 = $form.find('input[name="email"]').val(), 
      url = $form.attr('action'); 

      var posting = $.post(url, { name: value1, email: value2 }); 

      }); 
     }); 
    </script>

這是我new_employee.php

<?php 
$name = $_POST['name']; 
$email = $_POST['email']; 
    mysql_connect("localhost", "****", "****"); 
    mysql_select_db("****");  

$stmt = "INSERT INTO employee (name, email) VALUES ('$name', '$email')"; 
$result = mysql_query($stmt); 
    if($result){ 
    echo("success!"); 
    }else{ 
    echo("failed!"); 
    } 

?>

來源

2014-02-17 Christopher

那麼它是什麼不工作？你正在調用一個不存在的fun（）函數。 – putvande

我想改變它，所以它劑量重定向到new_employee.php，即時通訊猜測腳本需要改變的工作。 – Christopher

-1

你幾乎沒有，所有剩下的就是抓住字符串你在php文件呼應，並添加它到了最後。

success: function(data){ 
    var div = document.getElementById('#messageDiv'); 
    div.innerHTML(data); 
}

來源

2014-02-17 17:02:51 user2955573

這裏有一些事情出錯了。你有})許多在你的代碼和定義var form但使用$form：

$('#add-emp').submit(function(event) { 
     event.preventDefault(); 
     var form = $(this), 
       value1 = form.find('input[name="name"]').val(), 
       value2 = form.find('input[name="email"]').val(), 
       url = form.attr('action'); 

     var posting = $.post(url, { name: value1, email: value2 }, function(data) { alert(data)}); 
});

而且，隨着$.post回調函數，你可以看到發生了什麼，讓你的消息（失敗或成功）回來。

https://api.jquery.com/jQuery.post/

來源

2014-02-17 17:06:06 putvande

「add employee」form without page redirect

回答

相關問題