javascript - 将基本的like函数转换为ajax请求

Question

我的应用程序中有一个非常基本的类似功能，但它不是我想要的，因为每次我单击按钮时它都会重新加载页面，所以我想将此代码转换为 ajax 请求。但我不知道 javascript 或 jquery。

在我的 Views.blade.php 中

<a href="{{ URL::route('like', array('id' => $posts->id)) }}" class="like">Like</a><br>

和我的路线

Route::get('like{id}', array(
            'uses' => 'LoginUsersController@like',
            'as' => 'like'
            ));

和我的 Controller

public function like($id)
    {
        $post = Post::findOrFail($id);
        $post->likes++;
        $post->save();

        return Redirect::back();
    }

我希望有人可以向我展示如何在 ajax 请求中完成此操作。

Answer 1

您可以使用以下内容:

<a onclick="addLike()" class="like">Like</a><br>

<script>
    function addLike() {
    $.ajax({
      url: "{{ URL::route('like', array('id' => $posts->id)) }}"
    })
}
</script>

您还必须包含 jquery 才能使这个简单的代码正常工作。请参阅:jQuery Get Started .

如果您认为在不久的将来您将需要更多的 javascript，我建议您将其放入外部文件中并将其包含在您的 View 中。这有助于保持您的 html 和 javascript 代码清晰。