javascript - 在 AJAX 上更新号码，laravel 5.2

Question

基本上发生的事情是当我按下按钮然后我在帖子上得到 +1 分。一切都运行良好，但我不知道如何在不刷新页面的情况下更新数字本身。信息已经发送到数据库我只是不知道如何在不刷新页面的情况下更改数字。这是我的 jQuery:

$(document).ready(function(){
    $('form').submit(function(evt){
        evt.preventDefault();
        var url = $(this).attr("action");
        var formData = $(this).serialize();
        $.get(url, formData, function(response){

        });
    });
});

还有我的 html:

<p>Not recommended: <strong><span id="votes" class="label label-success">{{$s->points}}</span></strong></p>

Answer 1

在客户端

$(document).ready(function(){
    $('form').submit(function(evt){
        evt.preventDefault();
        var url = $(this).attr("action");
        var formData = $(this).serialize();
        $.get(url, formData, function(response){
            // This function runs when you successfully return
            $('#votes').html( response.newNumber );
        });
    });
});

在 Laravel 方面

public function getVote(Request $request) {
    // Process form
    $points = 5;
    return response()->json(['newNumber' => $points]);
}

More on $.get jQuery function

此外，我不知道您的应用程序的性质，但建议如果您要在服务器端更改数据(即对帖子进行投票)，请使用 POST请求。