使用AJAX在Laravel中向数据库添加项目，然后显示项目
使用AJAX在Laravel中向数据库添加项目，然后显示项目
提问于 2014-08-10 04:02:22
在谷歌搜索了几个小时之后，我似乎找不到这个看似简单的问题的答案。如果不刷新页面，我就无法将数据添加到数据库并显示该数据。我的目标是能够从表单中创建一个对象，然后上传到数据库中，然后显示数据库中的所有项(不需要刷新页面)。我曾多次尝试让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;
});如果我满足于允许页面重新加载，代码可以正常工作，但我不想那样做。因此，本质上，我的问题是，如何在不重新加载页面的情况下将数据添加到数据库并显示出来？非常感谢！
回答 2
Stack Overflow用户
回答已采纳
发布于 2014-08-10 04:11:50
您的控制器在逻辑之后进行重定向，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上的$.ajax回调可以获取它并做一些事情(更新星号)。
Stack Overflow用户
发布于 2014-08-10 06:57:31
@编码食品，
如果您想获取响应并立即在页面中显示它，而不需要重新加载，那么您可以返回一个JSON响应，然后在客户端Javascript处理该响应，以确定成功或失败条件。
如果需要，可以尝试这样的方法:在控制器addStar()方法响应中：
$data = ['star_count' => 'COUNT OF STARS'];
return json_encode($data); 在“特定星团视图”中：
<script>
$('#stardiv).on('submit', function (e) {
$.ajax({
type: 'POST',
url: "{{URL::to('xxxxx')}}",
data: $(this).serialize(),
dataType: "JSON",
success: function (data) {
Handle the success condition here, you can access the response data through data['star_count']
},
error: function (data) {
Handle the error condition here, may be show an alert of failure
}
});
return false;
});
</script>毕竟这只是一种方法，你可以尝试不同的方法来满足你的需要。
切尔兹。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25225418
复制相关文章
相似问题
腾讯云开发者
