2015-11-24 4 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 
?> 

Здесь я пост данных в одной и той же странице. Теперь я хочу создать всплывающее окно, которое успешно вставлено после успешной вставки данных. Итак, какой код мне нужно делать?

+0

ли вы попробовать погуглить как сделать всплывающее окно? Мы не собираемся писать ваш код для вас. –

+4

btw, что такое тег «от»? 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

Первый: вы не можете отправить свою форму с тегом «from», я думаю, вы имеете в виду «форму».

Для вашего вопроса:

1) размещать данные через jQuery ajax

2) получить ответ от сервера (HTTP ответ возврата из вашего PHP)

3) показать всплывающее окно основанный на ответе (через функцию предупреждения или некоторые js libs, такие как 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 спасибо за ваше напоминание :) –

Смежные вопросы