提交html表单时，不要打开新页面，而是显示弹出窗口_Html_Ajax

提交html表单时，不要打开新页面，而是显示弹出窗口

html ajax

提交html表单时，不要打开新页面，而是显示弹出窗口,html,ajax,Html,Ajax,我有一个带有提交按钮的表单。当我单击此按钮时，我不想被重定向到页面connection.php，该页面在action=“”中列出。但是相反，我希望它只显示一个弹出窗口，显示成功或不成功，并让connection2.php在后台完成它的工作 HTML: CONNECTION2.PHP： <?php # Connection $servername = ""; $connectionInfo = array( "Database"=>"", "UID"=>"", "

我有一个带有提交按钮的表单。当我单击此按钮时，我不想被重定向到页面connection.php，该页面在action=“”中列出。但是相反，我希望它只显示一个弹出窗口，显示成功或不成功，并让connection2.php在后台完成它的工作

HTML:

CONNECTION2.PHP：

<?php   
# Connection
$servername = ""; 
$connectionInfo = array(
"Database"=>"", 
"UID"=>"", 
"PWD"=>""
);
$conn = sqlsrv_connect($servername, $connectionInfo);
if( $conn === false ) {
    echo "Error (sqlsrv_connect): ".print_r(sqlsrv_errors(), true);
    exit;
}

# Parameters
$Date = $_POST['date'];


$params = array 
(&$Date);

# Statement
$sql = "INSERT INTO table([Date]) VALUES 
(?)";
$stmt = sqlsrv_prepare($conn, $sql, $params);
if ($stmt === false) {
echo "Error (sqlsrv_prepare): ".print_r(sqlsrv_errors(), true);
exit;
}
if (sqlsrv_execute($stmt)) {
echo "Statement executed.\n";
} else {
echo "Error (sqlsrv_execute): ".print_r(sqlsrv_errors(), true);
}

# End
sqlsrv_free_stmt($stmt);
sqlsrv_close($conn);
?>
<!DOCTYPE html>
<html>
<body>
<br>
<h1>SUCCESS</h1>
<script>
setInterval(function(){ 
window.location.href="link_to_index.html" }, 5000);
</script>
</body>
</html>




成功
setInterval（函数（）{
window.location.href=“link_to_index.html”}，5000）；

到目前为止，我已经在提交表单后打开的connection2.php页面上设置了计时器，然后返回到上一页。但这并不是最好的解决方案。

如果您不希望表单提交中出现重定向，您必须使用AJAX技术，例如JQUERY

查看

使用此代码将表单提交到弹出窗口中

提交表单后，此代码将表单提交到弹出窗口

<form action="connection2.php" method="post" target="popupwindow" onsubmit="window.open('connection2.php', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">

    <input type="date" name="date" placeholder="Name" required="">  
    <input type="submit" name="submit" id="submit" class="strelka-send" value="Insert">

</form>

我还没有测试过这段代码

但希望这对您有用。

向我们展示connection2.php上的代码，让我们看看您在做什么。您需要使用AJAX来实现这一点。这可能会奏效。但是清除表单字段中的输入的函数没有发生。

<form action="connection2.php" method="post" target="popupwindow" onsubmit="window.open('connection2.php', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">

    <input type="date" name="date" placeholder="Name" required="">  
    <input type="submit" name="submit" id="submit" class="strelka-send" value="Insert">

</form>