[英]Display success message in popup dialog after form submit
I am new to jQuery. 我是jQuery新手。 I want to open a form in a popup dialog. 我想在弹出对话框中打开一个表单。 When the user submits the form data should be inserted into MySQL database & success message should be displayed in the dialog. 当用户提交表单数据时,应将其插入MySQL数据库中,并在对话框中显示成功消息。
I could do dialog with form but how to load success message? 我可以使用表单进行对话框,但如何加载成功消息?
<head>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
</head>
<body>
<button id="dialog_trigger">open the dialog</button>
<div id="dialog" style="display:none;" title="Dialog Title">
<form id="form1">
<input type='text' name='data' id='data'/>
<input type='submit' id='submit'/>
</form>
</div>
<script>
$( "#dialog_trigger" ).click(function() {
$( "#dialog" ).dialog( "open" );
});
$("#dialog").dialog({
autoOpen: false,
position: 'center' ,
title: 'EDIT',
draggable: false,
width : 350,
height : 200,
resizable : true,
modal : true,
});
$( "#submit" ).click(function() {
// help
});
</script>
</body>
PHP: PHP:
$data=$_REQUEST['data'];
$q= mysqli_query($c,"INSERT INTO report (data) VALUES ('$data')") or die(mysqli_error());
if($q){
echo "Your report is submitted!"; //this should appear in popup dialog
}
Use jQuery form plugin or similar to submit data via AJAX call. 使用jQuery表单插件或类似插件通过AJAX调用提交数据。
Your data entry point should return some JSON encoded value, for example 您的数据入口点应返回一些JSON编码的值,例如
echo json_encode(array('message' => 'Thank you for your submission'));
Now, from JavaScript side use the returned message to fill modal content, like 现在,从JavaScript端使用返回的消息填充模式内容,例如
$("#message").text(message);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.