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

【问题标题】：How to send multiple parameter AJAX in Laravel 5.2如何在 Laravel 5.2 中发送多个参数 AJAX
【发布时间】：2016-07-16 12:45:45
【问题描述】：

如何为 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 中的参数数据如何调用不会遇到错误并存储在数据库中的数量。

【问题讨论】：

你说的这个代码面值有错误是什么意思
您的代码看起来正确 - 您遇到了什么错误？
填写表格的错误信息。 请填写表格。 @ImtiazPabel
此代码不起作用@madalinivascu
填写表单的错误消息@Chris

标签： php jquery ajax laravel laravel-5.2

【解决方案1】：

您已经序列化了表单，它会生成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 字段。因此，您的验证失败，并将返回一个 422 响应，其中包含一个包含验证错误的 JSON 对象。

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

【讨论】：

得到错误500 Internal Server Error 和问题alert(JSON.parse(xhr.responseText).category[0]); 并且未设置为数据库
好吧，您还需要更新您显示的服务器代码。将不再有formData 条目，请求中只会包含您的所有表单元素。我可能不明白你想做什么。
我是新手，请多指导
我得到The HTTP status code "0" is not valid. 怎么解决？
@MeysamSaberi 在你的代码中，你有这个：return response()->json($name, $taxonomy);。 json() 方法的第二个参数应该是整数形式的状态代码，但是您已经传入了分类数据（“类别”），它将被转换为整数 (0)。第一个参数应该是您的数据数组，因此您的代码实际上应该是：return response()->json([$name, $taxonomy]); 另外，在我的代码中，输入中没有更多的formData 条目，所以$name = Input::get('formData'); 应该是$name = Input::get('category');。

【解决方案2】：

您正在使用 FormRequests 作为该控制器方法的验证。在这种情况下，您的 FormRequest 是： MessageRequest - 其中包括一个名为 category 的验证参数。

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

要测试，请尝试将类别数据提供给 ajax 数据：

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

【讨论】：

这段代码为我解决了这个问题。但是为什么要使用这个呢？一世。 e.每次发送到验证附加值？
归结为您的要求。此请求是否需要类别？
我用这个代码data: {'formData': form_data,'formTaxonomy': form_taxonomy,'category': form_data},

【解决方案3】：

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

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

【讨论】：