Question

主页上的按钮计数器（登录后）应该在每次按下按钮时递增计数。而不是按下按钮，我的代码将重定向到身份验证页面以进行失败的身份验证。 Ajax代码似乎没有发布到页面。我不明白为什么会这样！被困2天了。谁能帮我吗？我对此比较陌生。

这是View（html代码）。它叫做like.blade.php

<html>

<head>
    <meta charset="utf-8">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>

<body>
    <h1>Home Page</h1>
    <?php $count=1; ?>
    <div>
        <form action="sessions/{count}" method="get" />
        <input type=submit name="count" value="Counter" />
        <br/>This button has been clicked
        <span id="counter"><?php echo $count; ?></span> times.
    </div>
    <script type="text/javascript" 
         $(document).ready(function(){ 
             $( '#counter').click(function(){ 
                $.ajax({ 
                    type : 'POST', 
                    url: "sessions.{count}", 
                    data: like:like, 
                    dataType: 'text', 
                    async: true 
                    success: function update_text(data) { 
                        alert( "Counter clicked"); 
                    };
                });                         
                return false;
              }); 
          }); 
    </script>
< /body>
</html >

这是我递增计数器并将其返回的方法：

Route::get('sessions.like', function () {
    return View::make('sessions.like');
});

Route::get('sessions/{count}', function ($count) {
    if (isset($count)) {
        $count = $count + 1;
    } else {
        $count = 1;
    }

    return View::make('sessions.like')->with('sessions', $count);
});

使用Laravel，Ajax和jquery创建按钮单击计数器

0 个答案: