Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/422.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/261.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用Laravel、Ajax和jquery创建按钮点击计数器_Javascript_Php_Jquery_Html_Ajax - Fatal编程技术网

Javascript 使用Laravel、Ajax和jquery创建按钮点击计数器

Javascript 使用Laravel、Ajax和jquery创建按钮点击计数器,javascript,php,jquery,html,ajax,Javascript,Php,Jquery,Html,Ajax,主页上的按钮计数器(登录后)应在每次按下按钮时增加计数。相反,按下按钮后,我的代码将重定向到身份验证页面,以查找失败的身份验证。Ajax代码似乎没有发布到页面。我不明白为什么会这样!我已经被这个问题困扰了两天了。有人能帮我吗?我对这个比较陌生 下面是视图(html代码)。它被称为like.blade.php <html> <head> <meta charset="utf-8"> <script src="https://ajax.go

主页上的按钮计数器(登录后)应在每次按下按钮时增加计数。相反,按下按钮后,我的代码将重定向到身份验证页面,以查找失败的身份验证。Ajax代码似乎没有发布到页面。我不明白为什么会这样!我已经被这个问题困扰了两天了。有人能帮我吗?我对这个比较陌生

下面是视图(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 >

首先查看浏览器开发工具控制台(F12)。您有一些语法错误会导致代码无法运行是的,代码有一些语法错误。。。这是您正在实现atm的代码?您的输入类型应该设置为button,而不是submit,并且不要忘记在每次启动form::open()时关闭一个表单;您的数据也应该用{}括起来,因为您在路由上发送了一个值对/数组,所以您不应该返回视图,因为。。。而是返回一个对象或变量。。使用返回数组('count',$count);
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);
});