Laravel 5.2在AJAX上的更新號

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]);
}

$ .get jQuery函數的更多信息

另外，我不知道您的應用程序的性質，但是建議您如果要在服務器端更改數據（即，對帖子進行投票），請使用POST請求。

Answer 2

只需通過其ID查詢您的跨度並將其文本替換為點（我假設點是響應中的一個屬性，但這可能有所不同）

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