使用 Ajax 获取表单数据 - Get form data using Ajax

Get form data using Ajax

本文关键字：数据表单获取 Ajax 使用 | 更新日期: 2023-09-27

我想使用 ajax 获取表单数据，但我无法获取值。

我有这个javascript代码来调用ajax函数：

$( "#form_scenario_eco" ).submit(function( event ) {
        event.preventDefault(); //Pour éviter que la page se reload
        var formData = ($('#form_scenario_eco').serializeArray());
        $.post("/kohana-v3.3.5/ajax/nouveau_scenario_eco",{scenario_eco : formData}, function(data){
            alert(data);
        }, 'json');
    });

在我的 ajax 文件中，我通过以下方式获取表单数据：

 $scenario = $_POST['scenario_eco'];

使用 Chrome，我遇到错误 500（内部服务器错误），因为我无法获取$_POST['scenario_eco']。

有人可以告诉我我应该如何获得这些数据吗？

您需要通过检查错误日志来找出 500（内部服务器错误）的原因。在修复错误之前，您将无法检索表单数据。

下面是一个例子

.HTML

<form id="myform">
    <input type="text" name="username"/>
    <input type="password" name="password"/>
    <input type="submit" value="Submit"/>
</form>

.JS

$("#myform").submit(function(e){
        e.preventDefault();
        $.post("form.php",{ data: $(this).serializeArray() }).done(function(data){
            alert(data);
        })
    });

.PHP

var_dump($_POST['data']);

确保您的输入标有"name"属性