Javascript 使用jquery模式弹出窗口提交表单

我有一个名为no of users的按钮，当我点击该按钮时，它会打开一个模式弹出窗口

所以，我要做的是在模式弹出窗口中，我尝试用一个字段插入表单，输入数字。当他们单击提交时，我想将这些值存储在数据库中

这是我的按钮代码：

<button type="button" class="btn btn-success"style="float:right; margin:3px 0px 3px 3px" id="btnShow">No Of Users</button>

用户数

这是我的日志代码：

<script type="text/javascript">
$(function () {
$("#btnShow").click(function(){
$('#demoModal').modal('show');
});
});

$（函数（）{
$（“#btnShow”）。单击（函数（）{
$（'demoModal'）.modal（'show'）；
});
});

&时代；
引导模式弹出窗口
嗨，欢迎来到Aspdotnet-Suresh.com
关
保存更改

有人能帮我怎么做吗

---

提前感谢..

举个例子，首先您必须在index.php文件中创建模式弹出表单和ajax脚本

--模态弹出窗体代码--

&时代；
引导模式弹出窗口






关
保存更改

--脚本代码--

$（文档）.ready（函数（）{
$（“#btn”）。单击（功能（e）{
e、 预防默认值（）；
$.ajax({
类型：“POST”，
async:false，
url:“page1.php”，
数据类型：“json”，
cache:false，
成功：功能（结果）{
$（“#myCont”）.html（结果）；
},
错误：函数（）{
警报（“服务器错误”）；
}
});
});
});

========================================================================

现在创建另一个名为Page1.php的页面，该页面将包含数据库插入代码

<?php
if(isset($_POST))
{
  $name = $_POST['name1'];
  $age = $_POST['age1'];

  $servername = "localhost";
  $username = "username";
  $password = "password";
  $dbname = "myDB";

  // Create connection
  $conn = mysqli_connect($servername, $username, $password, $dbname);
  // Check connection
  if (!$conn) {
  die("Connection failed: " . mysqli_connect_error());
  }

  $sql = "INSERT INTO user_details (name, age)
  VALUES ($name, $age)";

  if (mysqli_query($conn, $sql)) {
    echo "New record created successfully";
  } else {
    echo "Error: " . $sql . "<br>" . mysqli_error($conn);
  }

  mysqli_close($conn);
}
?>

我以前试过这个，工作很好

---

希望这对你有用。

modalpopup在哪里？它不来了。你能添加模式弹出代码吗？我已经添加了表单部分，而不是它。你可以放置模式弹出表单。这只是描述性代码，而不是整个程序。现在我已经用你的模式代码编辑了我表格的代码，你会从中得到想法的。检查此链接我在这里更新了我的代码1。你只需要在“模态体”中关闭你的形体部分。2. $（“按钮提交”）。单击其中的一个按钮，您可以使用$（“提交”）。单击其他我认为正确的操作。

 <div style="text-align:center; margin-top:10%"></div>

 <div class="modal fade" id="demoModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 <div class="modal-dialog">
 <div class="modal-content">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">Bootstrap Modal Popup</h4>
    </div>
    <div class="modal-body">

     <form method="post">
       <input type="text" name="name1" id="name1" placeholder="name">
       <br>
       <input type="text" name="age1" id="age1" placeholder="age">
       <br>
       <div id="myCont"></div>
       <br>
       <input type="submit" id="btn" class="btn" value="SUBMIT">
     </form>

    </div>
    <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
    </div>
</div>

 <script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function (){
            $("#btn").click(function (e){
                e.preventDefault();
                $.ajax({
                    type: "POST",
                    async: false,
                    url:"page1.php",
                    dataType: 'json',
                    cache: false,
                    success: function (result) {
                            $("#myCont").html(result);
                    },
                    error: function () {
                        alert("server error");
                    }
                });
            });
        });
    </script>

<?php
if(isset($_POST))
{
  $name = $_POST['name1'];
  $age = $_POST['age1'];

  $servername = "localhost";
  $username = "username";
  $password = "password";
  $dbname = "myDB";

  // Create connection
  $conn = mysqli_connect($servername, $username, $password, $dbname);
  // Check connection
  if (!$conn) {
  die("Connection failed: " . mysqli_connect_error());
  }

  $sql = "INSERT INTO user_details (name, age)
  VALUES ($name, $age)";

  if (mysqli_query($conn, $sql)) {
    echo "New record created successfully";
  } else {
    echo "Error: " . $sql . "<br>" . mysqli_error($conn);
  }

  mysqli_close($conn);
}
?>