我是Ajax
的新手我正在按照教程使用db
将数据发送到Ajax
这是我的表格
{!! Form::open(array('url'=>'admin/blog', 'method'=>'post', 'files'=>'true')) !!}
<div class="box-body">
<div class="form-group">
{!! Form::label('title', 'Title') !!}
{!! Form::text('title', '', array('placeholder'=>'Blog title', 'class'=>'form-control')) !!}
</div>
<div class="form-group">
{!! Form::label('paragraph', 'Blog Content') !!}
{!! Form::textarea('paragraph', '', array('class'=>'form-control', 'placeholder'=>'Enter Paragraph...', 'rows'=>3)) !!}
<script>
CKEDITOR.replace('paragraph', {
uiColor: '#9AB8F3',
stylesSet: 'my_custom_style'
});
</script>
</div>
<div class="form-group">
{!! Form::label('image', 'Main Image') !!}
{!! Form::file('image') !!}
<p class="help-block">Please review the upload instructions in 'Reminder!'</p>
</div>
</div>
<div class="box-footer">
{!! Form::submit('Add', array('class'=>'btn btn-primary', 'onClick'=>'send(event)')) !!}
</div>
{!! Form::close() !!}
这是我使用的Ajax
<script type="text/javascript">
function send(event) {
event.preventDefault();
$.ajax({
type: "POST",
url: "{{ 'admin/blog' }}",
data: {
title: $("#title").val(),
paragraph: $("#paragraph").val(),
image: $("#image").val(),
_token: "{{ Session::token() }}"
},
success:function(result)//we got the response
{
alert('Successfully called');
},
error:function(exception){alert('Exeption:'+exception);}
})
}
</script>
这是控制器
public function store(Request $request)
{
$this->validate($request, [
'title' => 'required',
'paragraph' => 'required|min:100',
'image' => 'required|image|mimes:jpeg,png',
]);
$add = new Blog();
if ($request->hasFile('image')) {
$image = $request->file('image');
$filename = time() . '.' . $image->getClientOriginalExtension();
Image::make($image)->resize(600, 390)->save(public_path('images/blog/' . $filename));
Image::make($image)->fit(335, 219)->save(public_path('images/blog/thumbs-' . $filename));
$add->image = $filename;
}
$add->title = $request->title;
$add->paragraph = $request->paragraph;
$add->addBy = \Auth::user()->name;
$add->save();
if ($request->ajax()) {
return response()->json();
}
return \Redirect::back();
}
当我尝试点击add
时,我
错误执行:[object Object]
修改
在我的路线中,我使用resource
添加Route
POST method
Route::resource('blog', 'BlogController');
Route::post('blog', 'BlogController@store');
更改了Ajax URL
和错误结果
url: "{{ url('admin/blog/store') }}",
error:function(exception){console.log(exception)}
我的控制台中的出现了这个错误
对象{readyState:4,getResponseHeader: .ajax / x.getResponseHeader(),getAllResponseHeaders: .ajax / x.getAllResponseHeaders(),setRequestHeader: .ajax / x.setRequestHeader(),overrideMimeType: .ajax / x.overrideMimeType(),statusCode:.ajax / x.statusCode(),abort: .ajax / x.abort(),状态:.Deferred / d.state(),总是: .Deferred / d.always(),然后:.Deferred / d.then(),11 more ...}
答案 0 :(得分:1)
我遇到了同样的问题,在发送AJAX请求之前,可以通过JSON.stringify(dataObject)解决。