2015-11-24 43 views
-2

我正在使用php。我有一個從並提交此表在同一page.My代碼如下:在同一頁面發佈數據時彈出

<form method="post"> 
    <input type = "text" name="u_name"> 
    ..... 
    <input type = "submit" name = "submit" value="Submit"> 
</form> 

<?php 
    $u_name = $_POST["u_name"]; 
    //insert query here 
?> 

這裏我有POST數據到同一頁面。現在我想創建彈出式記錄成功插入數據後成功插入。那麼我應該做什麼代碼?

+0

你嘗試谷歌搜索如何做一個彈出?我們不會爲您編寫代碼。 –

+4

btw,什麼是「from」標籤? oO – Julo0sS

+1

你從結尾嘗試過什麼?你只能在這裏找到解決方案。這不是一個自由職業者網站。 –

回答

0

使用JavaScript警告: -

<?php 
$u_name = $_POST["u_name"]; 
//insert query here 
echo '<script language="javascript">'; 
echo 'alert("record is successfully inserted")'; 
echo '</script>'; 
?> 
-1

第一個:你不能提交你的表單與「發件人」標籤,我認爲你的意思是「形式」。

對於你的問題:

1)通過jQuery ajax

2發佈數據)接收來自服務器從PHP(HTTP響應返回)

3)顯示彈出式窗口的響應基於響應(通過警報功能或某些js庫,如SweetAlert

說話很便宜,讓我看看代碼

客戶端:

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
    <title>title</title>  
    <link rel="stylesheet" type="text/css" href="path/to/sweetalert.css"/> 
    <script src="path/to/jquery.min.js"></script> 
    <script src="path/to/sweetalert.min.js"></script> 
</head> 
<body> 
    <form method="post" id="myform"> 
     <input type = "text" name="u_name"> 
     <input type = "submit" name = "submit" value="Submit"> 
    </form> 
</body> 
<script> 
    $(function(){ 

     $('#myform').submit(function(e){ 
      e.preventDefault(); 
      var u_name = $('input[name="u_name"]').val(); 

      $.ajax({ 
       type: "POST", 
       url: 'http://your.url', 
       data: { 
        u_name:u_name 
       }, 
       dataType: "JSON", 
       success: function(res) { 
        //alert(res.msg); 
        sweetAlert("popup window", res.msg, "info"); 
       } 
      }); 
     }); 
    }); 
</script> 
</html> 

服務器:

<?php 
define('SUCCESS_CODE', 1); 
define('SUCCESS_MSG', 'Success!'); 

$name = isset($_POST['u_name']) ? $_POST['u_name'] : ''; 
$res = array(
    'code' => SUCCESS_CODE, 
    'msg' => SUCCESS_MSG, 
    'data' => $name 
); 

echo json_encode($res); 
exit(); 
?> 
+0

我建議你通過閱讀[最小,完整和可驗證的示例](http://stackoverflow.com/help/mcve)來改進您的示例。 – IlGala

+1

@IlGala謝謝你的提醒:) –