经过数小时的谷歌搜索,我似乎无法找到这个看似简单的问题的答案.我无法在不刷新页面的情况下将数据添加到数据库并显示该数据.我的目标是能够从表单创建一个对象以上载到数据库,然后显示数据库中的所有项目(无需刷新页面).我试图使AJAX多次工作,但我似乎无法做到这一点.该应用程序通过向学生添加星号来工作,因此基本上我希望能够在不重新加载页面的情况下更新学生的星数.但是现在我什至无法console.log提交的表单数据.我的控制器代码如下：
public function addStar(){
$id = Input::get('id');
$user_id = Input::get('user_id');
if(Auth::user()->id == $user_id){
Student::addStar($id);
}
return Redirect::back();
}
和我的形式：
{{Form::open(array('action'=>'HomeController@addStar','id'=>'addStar','method'=>'post'))}}
{{ Form::hidden('id', $student->id, array('id'=>'id_value')) }}
{{ Form::hidden('user_id', $student->user_id, array('id'=>'user_id_value'))}}
{{ Form::submit('+')}}
{{ Form::close() }}
我对AJAX的极差尝试：
$('#addStar').on('submit',function(e) {
e.preventDefault();
$.ajax({
type: 'POST',
cache: false,
dataType: 'JSON',
url: '/addstar',
data: $('#addStar').serialize(),
success: function(data) {
console.log(data);
},
});
return false;
});
如果我同意允许页面重新加载,则代码可以正常工作,但我不希望这样做.所以从本质上讲,我的问题是,如何在不重新加载页面的情况下将数据添加到数据库并显示它？非常感谢！
解决方法:
您的控制器在逻辑之后执行重定向,ajax将无法对响应进行任何操作.在添加开始后返回新的星级后,可以采取一种做法.
public function addStar(){
$id = Input::get('id');
$user_id = Input::get('user_id');
if(Auth::user()->id == $user_id){
Student::addStar($id);
}
$star_count = //get new star count;
return Response::json(['star_count' => $star_count]);
}
由于控制器现在返回一个json响应,因此$.ajax上的成功回调可以抓取它并执行某些操作(更新星数).
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
