javascript - ajax serializearray 不输出任何值

Question

我有一个 HTML 表单如下:

<div id="error_message"></div>

<form action="daterequest.php"  id="daterequest_form" method="post">

            <select name="option1">
                <option value="1">1</option>
                <option value="0">0</option>
                <option value="2">2</option>
            </select>

            <input type="text" name="option2" >

    </form>

我有这样的 JS 脚本

$(document).ready(function(){
$('#button_submit_form').on('click', function () {
  var data = $('#daterequest_form').serializeArray();   
  alert(data);

    $.ajax({
        url: 'daterequest.php',
        type: 'POST',
        data: data, 
        success: function(response) 
            {

                if (response == 'empty') { 
                  $('#error_message').text('ERROR MESSAFGE') } 
                else    {
                    $('#error_message').html(response);
                    $('#daterequest_form').fadeOut('400');
                }; 
            }
    });     
    e.preventDefault();
});


});

我的 alert(data); 只给我 [object Object], [object Object]。

我无法在警报中显示数据。我应该看到 [option1 Value]、[option2 inputvalue]

此外，一旦我弄清楚如何获取警报中的数据，我该如何在 PHP 中检索它？ $_POST['这里是什么']; ?

Answer 1

这里没有问题 - 问题是因为您正在使用 alert() 进行调试。这意味着显示的变量被强制转换为字符串，因此对象数组被转换为 '[object Object], [object Object]'。而是使用 console.log() 来调试您的代码。

此外，根据您的尝试，我建议使用 serialize() 方法更适合您的需求，您应该挂接到 submit form 的事件，以便使用键盘的人在通过按 Enter 键提交表单时也触发该事件。试试这个:

$('#daterequest_form').on('submit', function (e) {
    e.preventDefault();
    var data = $(this).serialize();   
    console.log(data);

    $.ajax({
        url: 'daterequest.php',
        type: 'POST',
        data: data, 
        success: function(response) {
            if (response == 'empty') { 
                $('#error_message').text('ERROR MESSAFGE') 
            } else {
                $('#error_message').html(response);
                $('#daterequest_form').fadeOut('400');
            }; 
        }
    });     
});

然后在您的 PHP 中，您可以使用 $_POST 并指定表单值的 name 来检索传递的数据:

var option1 = $_POST['option1'];
var option2 = $_POST['option2'];