如何在Laravel 5.2中发送多个参数AJAX

时间:2016-03-29 05:35:41

标签: php jquery ajax laravel laravel-5.2

如何为AJAX Laravel发送多个值。 例如:

$('#submit_').on('click', function (e) {
     e.preventDefault();
     var form_data = $('#create').serialize();
     var form_taxonomy = 'category';
     $.ajax({
          headers: {
              'X-CSRF-Token': $('input[name="_token"]').val()
          },
                type: 'post',
                url: '{!! URL::route('category') !!}',
                data: {formData:form_data,formTaxonomy: form_taxonomy},
                success: function () {
                    $('#append').load('{!! URL::route('loadCat') !!}');
                },
                error: function (xhr, status, errorThrown) {
                    alert(JSON.parse(xhr.responseText).category[0]);
                }
            });
            jQuery("#create").val('');
        });

控制器代码:

public function create(messageRequest $request)
{
    if($request->ajax()) {
        $name = Input::get('formData');
        $taxonomy = Input::get('formTaxonomy');
        return response()->json($name, $taxonomy);
    }
}

html代码:

<div class="col-sm-6">
<form method="POST" action="http://localhost:8000/category" accept-charset="UTF-8"><input name="_token"
                                                                                          value="IzByO9fU5yeanaVCudCQpkL5bXGzUh9B4jb400iU"
                                                                                          type="hidden">

    <div class="form-group">
        <div class="form-group">
            <input class="form-control text-right" id="create" name="category" type="text">
        </div>
        <div id="submit_"><input name="createSub" id="submit" class="btn btn-primary" value="submit" type="submit">
        </div>
    </div>
</form>

消息请求验证:

    public function rules()
{
    return array(
    'category'=>'required|alpha|unique:taxonomies,name',
    );
}
public function messages(){
    return [

        'category.required'=>'fill',
        'category.alpha'=>'only charecter',
        'category.unique'=>'dublicate'
    ];
}

此代码不起作用。我使用了我的其他示例,但没有人没有响应问题是我不知道laravel中的参数数据如何调用不会遇到错误并存储在数据库中的数量。

3 个答案:

答案 0 :(得分:3)

您已经序列化了表单,该表单生成name=value&name=value查询字符串格式。您似乎希望将数据添加到此查询字符串以供提交。您需要手动执行此操作,但可以这样做:

$('#submit_').on('click', function (e) {
    e.preventDefault();
    var form_data = $('#create').serialize();
    var form_taxonomy = 'category';
    $.ajax({
        headers: {
            'X-CSRF-Token': $('input[name="_token"]').val()
        },
        type: 'post',
        url: '{!! URL::route('category') !!}',
        // manually combine your form data and your additional post data
        // into one query string
        data: form_data + '&' + $.param({formTaxonomy: form_taxonomy}),
        success: function () {
            $('#append').load('{!! URL::route('loadCat') !!}');
        },
        error: function (xhr, status, errorThrown) {
            alert(JSON.parse(xhr.responseText).category[0]);
        }
    });
    jQuery("#create").val('');
});

修改

使用现有代码,您遇到的问题是messageRequest验证表明category字段是必需的,但您的请求数据没有category }字段。因此,您的验证失败,并将返回带有包含验证错误的JSON对象的422响应。

使用上面的更新代码,您的请求数据现在有一个category字段,因此验证正在通过,但您的代码中还有一些其他错误,产生500错误。你需要跟踪它并修复它,这可能需要另一个问题。

答案 1 :(得分:1)

您正在使用FormRequests充当该控制器方法的验证。在这种情况下,您的FormRequest是:MessageRequest - 其中包含名称为category的验证参数。

当你的ajax提交发生时,它没有提供category字段,因此验证失败。

要测试,请尝试向ajax数据提供类别数据:

data: {formData:form_data,formTaxonomy: form_taxonomy, category: 'somevalue-unique-to-your-taxonomies'},

答案 2 :(得分:0)

像这样更改您的数据部分:

data: {'formData':form_data,'formTaxonomy': form_taxonomy},