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