使用Ajax获取表单数据

时间:2016-04-25 10:31:20

标签: javascript php jquery ajax

我想使用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']

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

2 个答案:

答案 0 :(得分:0)

您需要通过检查错误日志来确定500(内部服务器错误)的原因。在修复错误之前,您将无法检索表单数据。

答案 1 :(得分:0)

这是一个例子

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']);

请确保您的输入标有&#39; name&#39;属性