首页 > 解决方案 > 无法通过 ajax 请求传递变量

问题描述

我正在尝试使用 ajax 将参数传递到另一个 php 页面并在其中查看传递的参数。但它唯一的重定向 page.parameter 没有通过

这是我的表单。用于通过输入字段获取名称

<form id="regform" method="post" action="">
    <div>
        First Name:
        <input type="text" name="fname" id="fname" />    
        <input type="submit" class="color" name="loginBtn" id="loginBtn" value="register" />
    </div>
</form>

这是我正在使用的 ajax 代码,将我的参数传递给 ajax.php 页面。

            $("#regform").submit(function(e) {
                e.preventDefault();
                var form = $(this);
                //var url = form.attr('action');
                var senddata = {"fname": $('#fname').val()};
                console.log(senddata);
                $.ajax({
                    type: "post",
                    contentType: "application/json",
                    url: "ajax.php",
                    dataType: 'json',
                    data: JSON.stringify(senddata),
                    success: function(data) {
                        console.log(data);
                    }
                });

标签: phpjqueryajax

解决方案


检查这个。它正在工作。

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
    </head>
    <form id="regform" method="post" action="">
        <div>
            First Name:
            <input type="text" name="fname" id="fname" />
            <input type="submit" class="color" name="loginBtn" id="loginBtn" value="register" />
        </div>
    </form>
    <script>
     $("#regform").submit(function(e) {
                    e.preventDefault();
                    var senddata = $('#fname').val();
                    console.log(senddata);
                    $.ajax({
                        type: "post",
                        url: "ajax.php",
                        dataType: 'json',
                        data: {fname:senddata},
                        success: function(data) {
                            console.log(data);
                        }
                    });
                    });
            </script>

PHP

<?php
echo ($_POST['fname']);
?>

推荐阅读