javascript - 使用 Ajax 将值从 javascript 传递到 php 变量

标签 javascript php ajax

这是我的 test.php 页面。我需要将 x 变量上的数据传递给 uid 变量。 当我运行代码时,它也会给我成功警报。但也给出了一个错误说,

Notice: Undefined variable: uid in C:\wamp64\www\FinalFinalFinalProject\test.php on line 47 Call Stack #TimeMemoryFunctionLocation 10.0012235232{main}( )...\test.php:0 ">

  <?php 
        $user = "anuradha";
    ?>
    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
        <link rel="stylesheet" type="text/css" href="StyleSheets/leave.css">
        <script type="text/javascript">
            $(document).ready(function(){
               $(".btn-info").click(function(){ // Click to only happen on announce links
                 var x = $(this).data('id');
                 $.ajax({
                type: "POST",
                url: 'test.php',
                data:  { x : x },
                success: function(data)
                {
                    alert("success!");
                }
            });

               });

            });
        </script>
    </head>
    <body>
        <button type="button" class="btn btn-info btn-md" data-toggle="modal" data-target="#myModal1" data-id="abc">Detail View</button>

        <!-- Modal -->
          <div class="modal fade" id="myModal1" role="dialog">
            <div class="modal-dialog">

              <!-- Modal content-->
              <div class="modal-content">
                <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal">&times;</button>
                  <h4 class="modal-title">Leave Application</h4>
                </div>
                <form method="post" action="">
                <div class="modal-body">
                    <?php  
                        if(isset($_POST['x']))
                        {
                            $uid = $_POST['x'];
                        }
                    ?>
                  <input type="text" class="form-control" id="username" value="<?php echo $uid; ?>">
                </div>
                <div class="modal-footer">
                  <button type="submit" class="btn btn-default">Update</button>
                </div>
                </form>
              </div>

            </div>
            </div>
            <!-- Modal -->
    </body>
    </html>

请帮帮我。

最佳答案

正如我所看到的,您需要输入中的 data-id 值,您可以仅使用 JQuery 来完成此操作,为什么要执行 ajax?

  <script type="text/javascript">
            $(document).ready(function(){
               $(".btn-info").click(function(){ // Click to only happen on announce links
                 var x = $(this).data('id');
                 $("#username").val(x);


               });

            });
        </script>

关于javascript - 使用 Ajax 将值从 javascript 传递到 php 变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49085701/

相关文章:

javascript - 如何在 Javascript 中缓存 XMLHttpRequest 响应?

javascript - WebGL 地球 : how to get data from db and show popup over globe when click globe spot

javascript - 将图像传递给 Tesseract.js OCR

javascript - 如何更改子节点中的值

php - 当您选择多列并为每个分解数据放置一个表示时,如何使用 php 从 mysql 分解 1 列?

javascript - Json_encode 变音符号输出

javascript - 如何使网站图标出现在新窗口中?

php - 如何左连接选择具有最高 user_id 的值

javascript - 使用ajax提交时忽略表单验证

javascript - 数据库查询后启用/禁用按钮