Javascript 防止在提交表单引导后关闭模式4
我已经看到了其他问题,但没有类似的问题: 我使用的是引导4,我试图阻止我的模式关闭 以下是我试图做的: index.php: 我有一个名为View button的按钮,因为我正在调用模式中的另一个file.PHP文件 Modal已打开,另一个文件.php已正确显示 anotherfile.php具有以下功能: 一个简单的文本框,在同一个PHP文件中包含一个提交按钮和一些计算 因此,当我单击submit按钮时,modal将关闭。我正在寻找一种方法来刷新,结果必须在模式内出现 这是我的另一个file.php代码Javascript 防止在提交表单引导后关闭模式4,javascript,php,jquery,Javascript,Php,Jquery,我已经看到了其他问题,但没有类似的问题: 我使用的是引导4,我试图阻止我的模式关闭 以下是我试图做的: index.php: 我有一个名为View button的按钮,因为我正在调用模式中的另一个file.PHP文件 Modal已打开,另一个文件.php已正确显示 anotherfile.php具有以下功能: 一个简单的文本框,在同一个PHP文件中包含一个提交按钮和一些计算 因此,当我单击submit按钮时,modal将关闭。我正在寻找一种方法来刷新,结果必须在模式内出现 这是我的另一个file
<?php
include ('db\config.php');
global $conn;
if(!empty($_POST)){
//some calculation is done using the ID posted from the form.
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Get Data</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<h2>Download Data</h2>
<div class="row">
<div class="col-sm-6 col-xs-12">
<form action="" Method="POST">
<div class="form-group">
<label for="pwd">ID:</label>
<input type="text" class="form-control" id="id" placeholder="Enter ID" name="id" required>
</div>
<button type="submit" class="btn btn-primary btn-lg btn-block">Download</button>
<a href="detail.php" class="btn btn-warning btn-lg btn-block">Go Back</a>
</form>
</div>
</div>
</div>
</body>
获取数据
下载数据
身份证件:
下载
无论什么地方,表单都放置在模态中。在这里,我把一个PHP文件放在modal中。这是完全不同的。请不要用重复的问题关闭它。您是否将结果保存到数据库或任何需要POST请求的地方?如果没有,您可以在submit按钮上设置事件侦听器,然后执行e.preventDefault()。这将阻止表单提交。然后,您可以进行计算,然后通过在JavaScript中设置表单组件的value属性来相应地更新表单组件。AJAX可能也是您的另一种选择。我正在提交POST请求,并根据发布的值从DB获取值。唯一的问题是页面正在刷新,因此模式正在关闭。请检查:在按钮上设置单击事件侦听器,使用e.preventDefault()为了防止请求被发布到表单上,然后使用Fetch提交一个post请求并等待响应,然后相应地更新modal。如何在modal中调用另一个文件.php?您是否使用iframe?是否将结果保存到数据库或任何需要POST请求的地方?如果没有,您可以在submit按钮上设置事件侦听器,然后执行e.preventDefault()。这将阻止表单提交。然后,您可以进行计算,然后通过在JavaScript中设置表单组件的value属性来相应地更新表单组件。AJAX可能也是您的另一种选择。我正在提交POST请求,并根据发布的值从DB获取值。唯一的问题是页面正在刷新,因此模式正在关闭。请检查:在按钮上设置单击事件侦听器,使用e.preventDefault()为了防止请求被发布到表单上,然后使用Fetch提交一个post请求并等待响应,然后相应地更新modal。如何在modal中调用另一个文件.php?您正在使用iframe吗?